@charset "utf-8";
/** Generated by ZGBao **/
/** 1772586469@qq.com **/
@font-face {
	font-family: '大河';
	src: url('../fonts/zgbao.eot');
	src: local('☺'), url('../fonts/zgbao.woff') format('woff'), url('../fonts/zgbao.ttf') format('truetype'), url('../fonts/zgbao.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* CSS Document */
@media(min-width:1024px) {
body
{
	margin:0px auto;
	font-family:"宋体";
	font-size:12px;
	color:#7d7b7b;
	line-height: 23px;
}
a:link{color:#7d7b7b; cursor:pointer; text-decoration:none;}
a:visited{color:#7d7b7b; text-decoration:none;}
a:hover{color:#ffcf1c; text-decoration:none;}
a:active{color:#7d7b7b; text-decoration:none;}
li{list-style:none;}
img{border:none}
h1,h2,h3,h4,h5,h6{font-weight:normal; font-size:12px}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,p,th,td,img{margin:0; padding:0}

.top_menu{font-size: 12px; width: 100%;  height: 34px; background-color: #fff;color: #666666; border-bottom: 1px solid #E2E0E0;}
.top_menu .container{width:1100px; margin:0 auto;}
.top_menu .container .top_lang{float: right;height: 34px; padding: 6px 10px 0px 10px; font-size: 15px; }
.top_menu .container .top_name{display: inline-block; padding-top:10px;}
/*top*/
.top{width:1100px; margin:0 auto; height:112px}
.top .top_right{width:250px;padding-top:22px; float:right;}
.hot_line .hl_num{font-family:"Arial Rounded MT Bold"; color:#ff6d00; font-size:23px}

.top .logo{ padding-top:6px;}
.top .logo .logoImg {float:left; width:100px;}
.top .logo .logoImg img {display: block;width:90px;height:90px;}
.top .logo .ComName {float:left;color:#000; font-size:48px; font-weight:bold;font-family: '大河'; letter-spacing:1px; padding-top:38px;}
.top .logo .EnComName {float:left;color:#000; font-size:32px; font-weight:bold;font-family: '大河'; letter-spacing:1px;padding-top:38px;}
.top .logo .ComName span{width:100%; display:block; font-size:16px; color:#333; margin-top:10px; letter-spacing:11px;}


/*nav*/
.nav_wrap{width:100%; height:40px; background-color:#4b4338; margin-bottom:1px}
.nav{width:1128px; margin:0 auto; padding-left:16px}
.nav li{background:url(../images/nav_sx.jpg) left center no-repeat; text-align:center; float:left; position:relative}
.nav .first{width:118px; background:none}
.nav li a{display:block; padding-left:1px; width:167px; color:white; font-size:14px; font-weight:bold; line-height:40px}
.nav li a:hover{color:#ffcf1c}
.nav .first a{width:118px}
.nav li .sec_level{
	width:800px;
	height:397px;
	border:1px solid #4b4338;
	border-top:none;
	padding-left:3px;
	position:absolute;
	left:-281px;
	top:40px;
	display:none;
	background-image: url(../images/sec_level.png);
	background-repeat: repeat;
}
.sec_level ul{width:116px; float:left; padding-left:16px; margin-top:14px; height:250px; border-left:1px solid #9a8673}
.sec_level .sl_first{width:107px; border:none}
.sec_level ul h2{font-weight:bold; color:white; line-height:22px; padding-bottom:14px; text-align:left;color:#ffcf1c;}
.sec_level ul li{background:none; text-align:left; width:95px}
.sec_level ul li a{color:#d8d7d3; display:inline; font-size:12px; line-height:24px}
.sec_level ul li a:hover{color:#ffcf1c}

/*banner*/
.banner{width:100%; height:520px; background:url(../images/banner.jpg) center}

/*content*/
.content{width:1100px; padding-top:25px; margin:0 auto; overflow:hidden}
.content .product{width:636px; float:left; overflow:hidden}
.product .product_left{width:220px; float:left}
.product_left .pleft_top{width:213px; height:60px; background-color:#4b4338; padding-left:7px}
.pleft_top h2{padding-left:4px; font-family:"微软雅黑"; color:white; font-size:20px; line-height:20px; padding-top:7px}
.pleft_top img{padding-top:8px}
.product_left ul{width:218px; height:486px; border:1px solid #cbcbcb; border-top:none}
.product_left ul li{height:53px; line-height:54px; font-size:14px; color:#5a5a5a; cursor:pointer; padding-top:1px}
.product_left ul li:hover{background-color:#e6e6e6}
.product_left ul li span{padding-left:19px}
.product_left ul li:hover span{display:block; height:52px; border-left:2px solid #ff6d00; margin-left:-1px}
.product_left ul .on{background-color:#e6e6e6}
.product_left ul .on .bk{display:block; height:52px; border-left:2px solid #ff6d00; margin-left:-1px}
.product .product_right{width:415px; height:545px; float:left; border:1px solid #eaeaea; border-left:none; overflow:hidden; position:relative}
.product_right .pimg_big{width:415px; height:363px; border-bottom:1px solid #eaeaea}
.product_right .pimg_down{position:relative; width:415px; height:181px; overflow:hidden}
.pimg_down .mr_frUl ul li{
	width:207px;
	height:181px;
	float:left;
	border-right:1px solid #eaeaea;
}
.pimg_down .mr_frUl ul .br{}
.pimg_down .mr_frUl ul .br img{ width:207px; height:181px;}
.pimg_down .ptrigon{position:absolute; left:400px; top:74px}
.pimg_down .ptrigon_right{position:absolute; z-index:1; left:400px; top:74px; cursor:pointer}
.pimg_down .ptrigon_left{position:absolute; z-index:1; left:400px; top:94px; cursor:pointer}

/*about*/
.ctop_right{
	width:440px;
	padding-left:20px;
	float:left
}
.about{width:440px}
.con_title{height:22px; line-height:22px; background:url(../images/con_title_sx.jpg) left 1px no-repeat}
.con_title h2{width:88px; padding-left:20px; font-family:"微软雅黑"; color:#000000; font-size:22px; float:left}
.con_title .title_en{float:left; border-bottom:1px solid #c0c0c0; height:21px; margin-left:10px}
.con_title .title_en img{padding-top:1px}
.w322{width:322px}
.about .about_img{width:440px; height:166px; padding-top:14px}
.about p{padding-top:15px; line-height:24px}
.about p img{width:440px; height:166px; padding-top:14px}

/*news*/
.con_title .more{display:block; width:60px; height:22px; background:url(../images/more.png); float:right; line-height:22px; text-align:center; color:#c0c0c0}
.con_title .more:hover{color:#ffcf1c}
.w260{width:260px}
.news{margin-top:19px; padding-top:13px; padding-bottom:11px; background-color:#f6f6f6}
.news ul{padding-top:12px; padding-right:4px; padding-left:15px;}
.news ul li{line-height:30px; padding-top:6px; background:url(../images/list_box.jpg) no-repeat left center; overflow:hidden; position:relative;border-bottom:#b9c8c5 dotted 1px; padding:3px 0 0 20px; height:30px;}
.news ul li span{float:right; padding-right:15px}
.news ul .cback{background:none}

/*case*/
.w917{width:921px}
.case{clear:both; padding-top:37px; padding-bottom:40px}


.bannerWrap{width:100%;	height:520px;overflow:hidden;position:relative; z-index:-99999;}
.banner{height:520px;overflow:hidden; clear:both;background:url(../images/banner1.jpg) no-repeat center top;}
.banner .d1{width:100%;height:520px;display:block;position:absolute;left:0px;top:0px;}
.banner .d2{width:100%;height:10px;clear:both;position:absolute;z-index:9999;left:0px;top:490px;}
.banner .d2 ul{float:left;position:absolute;left:50%;top:0;margin:0 0 0 -96px;display:inline;}
.banner .d2 li{width:17px;height:15px;overflow:hidden;cursor:pointer; background:url(images/img1.png) no-repeat left top;float:left;margin:0 3px;display:inline;}
.banner .d2 li.nuw{background:url(images/img1_1.png) no-repeat left top;}


/*foot_nav*/
.fnav_wrap{width:100%; height:275px; background-color:#ededed}
.fnav{width:1100px; margin:0 auto}
.fnav ul{float:left; height:247px; background:url(../images/fnav_sx.jpg) right no-repeat; padding-top:28px; padding-left:38px}
.fnav ul h2{font-size:14px; font-weight:bold; color:#484848; padding-bottom:10px}
.fnav ul li{line-height:22px;background:url(../images/dot.jpg) no-repeat left center;padding:3px 0 0 10px; height:22px;}
.fnav ul li .dot{float:left; padding-top:9px; padding-right:7px}
.fnav ul li a{color:#5a5a5a}
.fnav ul li a:hover{color:#ffcf1c}
.aw{width:174px}
.pw{width:226px}
.nw{width:148px}
.fnav .lw{width:235px; background:none}
.pl46{padding-left:46px}
.code{padding-top:49px; width:119px; float:left}
.code img{width:119px; height:119px}
.code span{display:block; padding-top:7px; color:#5a5a5a; text-align:center}

/*foot*/
.foot_wrap{width:100%; background-color:#cdcdcd}
.foot{width:1100px; margin:0 auto; line-height:35px; overflow:hidden; color:#333;}
.foot span.left{float:left;}
.foot span.right{float:right;}
.foot span a{color:#333;}


/*inpage*/
.inbanner{width:100%; height:230px}
.incontent{width:1100px; margin:0 auto; overflow:hidden}
.incon_title{width:1099px; height:49px; padding-top:22px; margin:0 auto; font-size:22px; font-family:"微软雅黑"; color:#4b4338; line-height:28px; padding-left:1px}
.incon_title .path_wrap{float:right; border-bottom:1px solid #bebebe; height:23px}
.path_wrap .path{width:173px; font-size:12px; float:right; line-height:14px; color:#858584; background:url(../images/incon_home.jpg) left top no-repeat; padding-left:22px; padding-right:1px}
.path_wrap .path a{color:#858584}
.path_wrap .path a:hover{color:#ffcf1c}
.mt80{margin-top:80px}

/*contact*/
.banner_contact{background:url(../images/banner_contact.jpg) center}
.w989{width:989px}
.contact_con{width:1034px; padding-top:60px; padding-bottom:26px; margin:0 auto; overflow:hidden}
.contact_con .link{width:820px; height:248px; border:1px solid #d4d4d4; background-color:#f6f6f6; float:left; margin-left:47px; padding-left:48px}
.link h2{font-size:14px; font-weight:bold; color:#636363; padding-top:24px; padding-left:34px}
.link ul{padding-top:12px}
.link ul li{padding-left:34px; line-height:36px; color:#707070}
.link ul .address{background:url(../images/address.jpg) 4px center no-repeat}
.link ul .telphone{background:url(../images/telphone.jpg) 1px 9px no-repeat}
.link ul .fax{background:url(../images/fax.jpg) left 8px no-repeat}
.link ul .email{background:url(../images/email.jpg) 1px center no-repeat}
.link ul .website{background:url(../images/website.jpg) 1px center no-repeat}

/*news_list*/
.banner_news{background:url(../images/banner_news.jpg) center}
.w839{width:839px}
.sidebar{width:190px; float:left}
.sidebar .parent_menu{background-color:#f9f9f9}
.sidebar .parent_menu li{margin-bottom:8px; background:url(../images/dot_brown.jpg) 23px center no-repeat}
.sidebar .parent_menu li a{display:block; padding:8px 0 8px 38px; font-weight:bold; line-height:16px; font-size:14px; color:#4b4338}
.sidebar .parent_menu li .newline{padding:2px 0 2px 38px}
.sidebar .parent_menu li a:hover{color:#ffcf1c}
.sidebar .parent_menu li .clicked{width:171px; background:url(../images/clicked.jpg) no-repeat; color:white}
.sidebar .contact_us{padding-top:50px; color:#4b4338}
.contact_us h2{font-family:"微软雅黑"; font-size:22px; line-height:46px; border-bottom:1px solid #bebebe; margin-bottom:10px}
.contact_us li{line-height:36px; font-size:14px; padding-left:37px;word-break:break-all;}
.contact_us .weixin{background:url(../images/sweixin.png) left center no-repeat}
.contact_us .scontact_tel{background:url(../images/scontact_tel.jpg) left center no-repeat}
.contact_us .scontact_email{background:url(../images/scontact_email.jpg) left center no-repeat}
.contact_us .side_address{padding-left:37px; background:url(../images/scontact_address.jpg) left 8px no-repeat; padding-top:10px; line-height:18px}
.incon_right{width:840px; float:left; padding-left:69px}
.incon_right .news_list li{height:123px; background:url(../images/news_dashed.jpg) left bottom repeat-x; overflow:hidden}
.news_list li .news_date{width:80px; float:left; padding-left:1px; padding-top:16px; text-align:center; font-family:"微软雅黑"}
.news_date .day{background-color:#4b4338; height:50px; line-height:50px; font-size:36px; color:white}
.news_date .ny{background-color:#e3e1e1; height:30px; line-height:30px; font-size:18px; color:#4b4338}
.news_list li .nl_right{width:708px; padding-left:51px; float:left}
.nl_right h2{padding-top:15px; line-height:24px}
.nl_right h2 a{font-weight:bold; color:#5a5858}
.nl_right h2 a:hover{color:#ffcf1c}
.nl_right h2 span{display:block; float:right; width:82px; padding-left:27px; background:url(../images/times.jpg) left 1px no-repeat}
.nl_right p{padding-top:7px; color:#838383; line-height:24px}




/*caseMV*/
.banner_case{background:url(../images/banner_case.jpg) center}
.submenu li{background:url(../images/dot_brown.jpg) 23px center no-repeat}
.submenu li a{display:block; background:url(../images/case_dashed.jpg) left bottom repeat-x; padding:8px 0 8px 38px; line-height:16px; font-size:12px; color:#4b4338}
.submenu li a:hover{color:#ffcf1c}
.submenu li a.clicked{
	display:block;
	background:url(../images/clicked_01.jpg) left bottom repeat-x;
	padding:8px 0 8px 38px;
	line-height:16px;
	font-size:12px;
	color:#FFFFFF
}
.cmv_list form{width:310px; line-height:25px; font-size:14px; font-weight:bold; color:#4b4338}
.cmv_list form .select{width:204px; height:23px; float:right; border:1px solid #cccccc; font-size:12px; font-weight:normal}
.cmv_list ul{padding-top:36px; overflow:hidden}
.cmv_list ul li{float:left; width:267px; position:relative}
.cmv_list ul li .mv_img{width:267px; height:185px}
.cmv_list ul li span{display:block; line-height:48px; text-align:center; color:#4c4b4b}
.cmv_list ul li:hover span{color:#ffcf1c}
.cmv_list ul li .mv_bf{position:absolute; left:100px; top:60px}
.ml19{margin-left:19px}
.fy{display:block; margin:0 auto; padding-top:60px}

/*caseMV_detail*/
.cmv_detail{padding-top:15px}
.cmv_detail .cmv_img{overflow:hidden}
.cmv_img .cmv_img_left{width:450px; overflow:hidden; float:left}
.cmv_img_left .mvimg_big{width:445px; padding:1px; border:1px solid #dbdbdb}
.mvimg_big img{width:445px; height:308px}
.cmv_img_left .mvimg_small{padding:1px; border:1px solid #dbdbdb; float:left; margin-right:4px; margin-top:7px; cursor:pointer;}
.cmv_img .cmv_img_right{width:378px; padding-left:12px; float:left; position:relative; font-family:"微软雅黑"}
.cmv_img_right h1{font-size:16px; font-weight:bold; line-height:22px; color:#ff6d00}
.cmv_img_right ul{position:absolute; left:12px; top:183px}
.cmv_img_right ul li a{display:block; width:98px; height:30px; line-height:30px; font-size:14px; color:white; margin-bottom:7px; text-align:center}
.cmv_img_right ul li a:hover{color:#ffcf1c}
.cmv_img_right ul li .last{background-color:#ff6d00}
.cmv_img_right ul li .next{background-color:#4b4338}
.cmv_detail .xj{padding-top:74px; line-height:24px; color:#606060}
.xj .xj_title{line-height:35px; padding-left:11px; font-family:"微软雅黑"; font-size:14px; color:#393939; background-color:#f2f2f2}

/*case_list*/
.fr{float:right}
.case_list ul{padding-top:15px; overflow:hidden}
.case_list ul li{width:267px; float:left}
.case_list ul li div{padding:1px; border:1px solid #dbdbdb}
.case_list ul li div img{width:263px; height:181px}
.case_list ul li span{display:block; line-height:48px; color:#474545; text-align:center}
.case_list ul li:hover span{color:#ffcf1c}

/*product*/
.sidebar .plist{background-color:#f9f9f9; width:210px; padding-bottom:5px}
.plist h2{line-height:30px; padding-left:32px; background:#cfcfcf url(../images/dot_black.jpg) 16px center no-repeat; font-weight:bold; color:#393939; margin-bottom:6px}
.plist li a{display:block; width:193px; height:24px; padding-left:17px; color:#787777; background:url(../images/product_dashed.jpg) left bottom repeat-x; line-height:24px}
.plist li a:hover{color:#ff6d00}
.plist li a.tt{color:#ff6d00}
.plist .list_clicked{background:url(../images/product_list.jpg); color:white}
.plist li .li_clicked{color:#ff6d00}
.plist li .no_dashed{background:none}

/*product_list*/
.banner_product{background:url(../images/banner_product.jpg) center}
.product_list ul{padding-top:15px}
.product_list ul li{width:264px; float:left; padding-bottom:6px}
.product_list ul li img{width:264px; height:264px;}
.product_list ul li span{display:block; line-height:44px; font-weight:bold; text-align:center; color:#5d5c5c; font-size:14px}
.product_list ul li:hover span{color:#ffcf1c}
.pl24{padding-left:16px}

/*product_classify*/
.product_classify ul{padding-top:15px}
.product_classify ul li{height:220px; margin-bottom:10px; padding-left:19px; overflow:hidden; background-color:#f2f2f2}
.product_classify ul li .pclassify_img{padding:14px 0; width:220px; height:193px; float:left}
.product_classify ul li .pc_right{width:527px; float:left; padding-left:54px; padding-top:32px; position:relative}
.pc_right h2{font-weight:bold; font-size:14px}
.pc_right h2 a{color:#ff6d00}
.pc_right p{padding-top:15px; line-height:24px; color:#606060}
.pc_right .product_more{display:block; position:absolute; left:510px; top:194px; color:#4b4338}
.pc_right .product_more:hover{color:#ffcf1c}

/*product_detail*/
.product_detail{padding-top:15px}
.product_detail .pdetail_top{overflow:hidden}
.pdetail_top .pd_left{width:424px; float:left; overflow:hidden}
.pd_left .pd_bimg{width:420px; height:360px; clear:both; border:#272726 solid 2px;}
.pd_left .pd_simg{width:102px; height:90px; float:left; padding-right:4px; padding-top:9px}
.product_detail .pd_right{width:368x; padding-left:43px; float:left}
.pd_right h1{font-family:"微软雅黑"; font-weight:bold; line-height:22px; color:#ff6d00; font-size:16px}
.pd_right .product_apply{padding-top:10px; line-height:24px}
.inproduct_con_wrap{padding-top:54px}
.inproduct_con_wrap .inpcon__title{overflow:hidden}
.inpcon__title ul li{padding-right:1px; float:left}
.inpcon__title ul li a{display:block; width:130px; height:40px; text-align:center; line-height:40px; color:white; font-family:"微软雅黑"; font-size:16px; background-color:#4b4338; cursor:pointer;}
.inpconInfo{
	padding:20px 1px;
	line-height:22px;
	color: #333333;
}
.inpcon__title ul li .pd_clicked{background-color:#ff6d00}
.inproduct_con_wrap .inproduct_con{line-height:24px}
.inproduct_con .pro_subproperty{height:35px; padding-left:11px; font-family:"微软雅黑"; font-size:14px; line-height:35px; color:#393939; background-color:#f2f2f2; margin-bottom:5px}
.inproduct_con .infos{ line-height:24px; padding:20px 1px;}
.prodeRec{ padding:30px 0 0 0;}
.prodeRec ul{ margin:0; padding:0; list-style:none;}
.prodeRec ul li{
	float:left;
	width:260px;
	height:226px;
	margin-bottom:30px;
	text-align: center;
}
.prodeRec ul li img{ width:256px; height:222px; border:#272726 solid 2px;}
.mr30{ margin-right:30px!important;}
/*about*/
.banner_about{background:url(../images/banner_about.jpg) center}
.incon_about{line-height:30px;font-size:12px;}
.incon_about p{ text-indent:2em;}

/*certificate*/
.incon_certificate{padding-top:44px}
.incon_certificate .poster_main{width:700px; height:290px; margin:0 auto; position:relative}
.poster_main ul a,.poster_main ul img{display:block}
.poster_main .poster_list{width:700px; height:290px}
.poster_main .poster_list .poster_item{width:120px; height:290px; position:absolute}
.poster_main .poster_btn_wrap{width:268px; margin:0 auto; padding-top:52px}
.poster_btn_wrap .phx_left{float:left; padding-top:20px}
.poster_btn_wrap .phx_right{float:right; padding-top:20px}
.poster_btn_wrap .poster_btn{float:left; width:40px; height:40px; cursor:pointer}
.poster_btn_wrap .poster_prev_btn{background:url(../images/last.jpg) no-repeat center center}
.poster_btn_wrap .poster_next_btn{background:url(../images/next.jpg) no-repeat center center; margin-left:4px}





/*--首页案例展示效果css--*/
.case .leftLoop2{ overflow:hidden; position:relative; border-top:none; width:1100px;	margin:0 auto; height:218px;padding-top:24px;} 
.case .leftLoop2 .prev,.case .leftLoop2 .next{ display:block;  width:19px; height:30px; float:right; overflow:hidden;cursor:pointer; background:url(../images/jt1.jpg) no-repeat; position:absolute;}
.case .leftLoop2 .prev{ left:10px; top:60px;} 
.case .leftLoop2  .next{ background:url(../images/jt2.jpg) no-repeat;  right:10px; top:60px; } 
.case .leftLoop2 .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px;  } 
.case .leftLoop2 .hd ul li{ position:relative; _display:inline; float:left;  width:10px; height:10px; overflow:hidden; background:#ccc; margin-right:10px; text-indent:-999px; cursor:pointer; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; behavior: url(../PIE.htc);}
.case .leftLoop2 .hd ul li.on{ background:#f00;  } 
.case .leftLoop2 .bd{ padding:0px; margin:0px auto; width:1100px;} 
.case .leftLoop2 .display-none{ display:none;}
.case .leftLoop2 .bd ul{ overflow:hidden; zoom:1; margin:0px; padding:0px 0px 0px 0px; list-style:none;} 
.case .leftLoop2 .bd ul li{text-align:center; float:left; position:relative; _display:inline; list-style:none;width:180px;height:218px;float:left; margin-right:20px; text-align:center;}
.case .leftLoop2 .bd ul li img{ width:176px; height:176px; border:#dbdbdb solid 1px; padding:1px;}
.case .leftLoop2 .bd ul li .title{display:block; text-align:center; padding-top:15px; color:#4a4a4a}
.case .leftLoop2 .bd ul li .title:hover{color:#ffcf1c}


/*--产品详细--*/
.showArea{ width:420px; height:90px; margin:0; padding:0; list-style:none; margin-top:9px;}
.showArea li{ float:left; width:102px;}
.showArea li img{ width:98px; height:86px; cursor:pointer; border:#272726 solid 2px !important; cursor:pointer;}
.mr4{ margin-right:4px!important;}
.display-none{ display:none;}
.bannerWrap{width:100%; height:520px; position:relative;}
/*--首页banner效果css--*/
.banner{height:520px;overflow:hidden; clear:both;}
.banner .d1{width:100%;height:520px;display:block;position:absolute;left:0px;top:0px;}
.banner .d2{width:100%;height:10px;clear:both;position:absolute;z-index:100;left:0px;top:496px;}
.banner .d2 ul{float:right;position:absolute; padding:0; margin:0; width:80px; left:50%; margin-left:-40px;top:0;display:inline;}
.banner .d2 li{width:10px;height:10px;overflow:hidden;cursor:pointer;background: url(../images/s2.png) no-repeat left top; float:left;margin:0 5px;display:inline;}
.banner .d2 li.nuw{background: url(../images/s1.png) no-repeat left top;}
/*--分页--*/
.page {
	padding:30px 0px 30px 0px;
	text-align:center;
	clear:both;
	margin:0px auto;
	font-size:14px;
}
.page A {
	BORDER-RIGHT: #cccccc 1px solid;
	PADDING-RIGHT: 10px;
	BORDER-TOP: #cccccc 1px solid;
	PADDING-LEFT: 10px;
	PADDING-BOTTOM: 5px;
	MARGIN: 2px;
	BORDER-LEFT: #cccccc 1px solid;
	COLOR: #8698b6;
	PADDING-TOP: 5px;
	BORDER-BOTTOM: #cccccc 1px solid;
	TEXT-DECORATION: none;
}
.page A:hover {
	BORDER-RIGHT: #cccccc 1px solid;
	BORDER-TOP: #cccccc 1px solid;
	BORDER-LEFT: #cccccc 1px solid;
	COLOR: #8698b6;
	BORDER-BOTTOM: #cccccc 1px solid
}
.page A:active {
	BORDER-RIGHT: #cccccc 1px solid;
	BORDER-TOP: #cccccc 1px solid;
	BORDER-LEFT: #cccccc 1px solid;
	COLOR: #8698b6;
	BORDER-BOTTOM: #cccccc 1px solid
}
.page SPAN.current {
	BORDER-RIGHT: #8b8b8b 1px solid;
	PADDING-RIGHT: 10px;
	BORDER-TOP: #8b8b8b 1px solid;
	PADDING-LEFT: 10px;
	FONT-WEIGHT: bold;
	PADDING-BOTTOM: 5px;
	MARGIN: 2px;
	BORDER-LEFT: #8b8b8b 1px solid;
	COLOR: #fff;
	PADDING-TOP: 5px;
	BORDER-BOTTOM: #8b8b8b 1px solid;
	BACKGROUND-COLOR: #8b8b8b
}
.page SPAN.disabled {
	BORDER-RIGHT: #cccccc 1px solid;
	PADDING-RIGHT: 5px;
	BORDER-TOP: #cccccc 1px solid;
	PADDING-LEFT: 5px;
	PADDING-BOTTOM: 5px;
	MARGIN: 2px;
	BORDER-LEFT: #cccccc 1px solid;
	COLOR:#8698b6;
	PADDING-TOP: 5px;
	BORDER-BOTTOM: #cccccc 1px solid
}
/*返回顶部*/
.sroll_top {right: 0.8%;bottom: 3.7%;position: fixed;display:none;cursor:pointer;}
.shipintitle{display:block; width:130px; height:40px; text-align:center; line-height:40px; color:white; font-family:"微软雅黑"; font-size:16px; background-color:#FF6D00; cursor:pointer;}


.rides-cs {  font-size: 13px;position: fixed; top: 295px; right: 0px; _position: absolute; z-index: 1500;}
.rides-cs a {
	color: #000000;
}
.rides-cs a:hover { color: #ff8100; text-decoration: none;}
.rides-cs .floatL { width: 24px; float:left; position: relative; z-index:1;margin-top: 58px;height: 181px;}
.rides-cs .floatL a { font-size:0; text-indent: -999em; display: block;}
.rides-cs .floatR { width: 124px; float: left; padding: 0px; overflow:hidden;}
.rides-cs .floatR .cn {}
.rides-cs .floatR .con{width:100px; height:270px;background-image: url(../images/qr.png); background-repeat: no-repeat;}
.rides-cs .floatR .con .fcont{ padding:45px 5px 0px 6px;}
.rides-cs .floatR .con .fcont .qq{ width:100%; float:left;}
.rides-cs .floatR .con .fcont .qq img{ float:left; width:26px; height:29px;}
.rides-cs .floatR .con .fcont .qq a.name{padding-left:5px;}
.rides-cs .floatR .con .fcont .wx{width:100%;}
.rides-cs .floatR .con .fcont .wx img{ width:80px; height:80px; display:block; margin:10px auto;}
.rides-cs .floatR .con .fcont .tel{ margin-top:6px;font-family:微软雅黑; font-size:15px; color:#D90303; text-align:center;}
.rides-cs .floatR .con .fcont .tel p{font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:26px; margin-top:5px; color:#333;}
.rides-cs .cn .titZx{ font-size: 14px; color: #333;font-weight:600; line-height:24px;text-align:center;}
.rides-cs .cn ul {padding:0px;}
.rides-cs .cn ul li { line-height: 38px; height:38px;border-bottom: solid 1px #E6E4E4;overflow: hidden;text-align:center;}
.rides-cs .cn ul li span { color: #777;}
.rides-cs .cn ul li a{color: #777;}
.rides-cs .cn ul li img { vertical-align: middle;}
.rides-cs .btnOpen, .rides-cs .btnCtn {  position: relative; z-index:9; top:58px; left: 0;  background-image: url(../images/ql.png); background-repeat: no-repeat; display:block;  height: 119px; padding: 0px;}
.rides-cs .btnOpen { background-position: 0 0;}
.rides-cs .btnCtn { background-position: 0 0;}
.rides-cs ul li.top {}
.rides-cs ul li.bot { border-bottom: none;}

.mapcontent{width:95%;height:460px;border:#ccc solid 1px; margin:0 auto;}
.pagefy{ float:left; width:100%; text-align:center; margin-top:10px;}
/*CSS black2 style pagination*/

DIV.black2 {
	PADDING-RIGHT: 7px; PADDING-LEFT: 7px; PADDING-BOTTOM: 7px; MARGIN: 3px; PADDING-TOP: 7px; TEXT-ALIGN: center
}
DIV.black2 A {
	BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #000000 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #000000 1px solid; COLOR: #000000; PADDING-TOP: 2px; BORDER-BOTTOM: #000000 1px solid; TEXT-DECORATION: none
}
DIV.black2 A:hover {
	BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; COLOR: #fff; BORDER-BOTTOM: #000000 1px solid; BACKGROUND-COLOR: #000
}
DIV.black2 A:active {
	BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; COLOR: #fff; BORDER-BOTTOM: #000000 1px solid; BACKGROUND-COLOR: #000
}
DIV.black2 SPAN.current {
	BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #000000 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #000000 1px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #000000 1px solid; BACKGROUND-COLOR: #000000
}
DIV.black2 SPAN.disabled {
	BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #eee 1px solid; COLOR: #ddd; PADDING-TOP: 2px; BORDER-BOTTOM: #eee 1px solid
}
.newlist_sxp{
	height:auto;
	margin-top:20px;
	margin-bottom:20px;
	}
.newlist_sxp p{
	height:20px;
	line-height:20px;
	color:#999;
	margin:0;
	}
.newlist_sxp p a{
	color:#999;
	}
.newlist_sxp p a:hover{
	color:#e70012;
	text-decoration:underline;
	}
.infoTxt{display:block;height:35px;line-height:35px;vertical-align:middle;text-align:center;font-size:18px;color:#000;border-bottom:1px #ccc dotted; font-weight:bold; font-family:"黑体";}
.dotline{ margin-top:10px;height:35px;border-top:1px #333 dotted}
.infonews{height:35px;text-align:center;line-height:35px;vertical-align:middle;color:#999; font-size:12px;}
.infonews a{color:#999}	
.newcon{ margin-top:30px;}
/*news_detail*/
.news_detail p{line-height:24px; color:#737270; text-indent:2em}
.newcon p img{margin-bottom:10px;}
.newcon p iframe{display:block; width:600px; height:480px; margin:0 auto;}

/*产品观看页*/
.ProductListTxt {
	background:url(/images/arr2.gif) no-repeat left center;padding-left:10px; border-bottom:dashed 1px #ccc; 
	font-size: 14px;
} .ProductNote {
	font-size: 12px;
	font-weight:normal;
	color:#000000;
	text-align:center;
} 
.ProductTxt {
	font-size: 18px;
	font-weight:bold;
	color:#000000;
	text-align:center;
} 
.ProductImg {
	margin:0 auto;
	padding:0px;
}
.procontxt{}
.procontxt iframe{width:640px; height:480px; display:block; margin:20px auto;}
.ProductImg img {
	border:1px #ccc;
	width:600px;
	border:none;
}
/*产品更多图片效果*/
.list-h li{ float:left;}
#spec-n1 img{ border:1px solid #ccc;}
.w600{width:600px; height:600px;}
.w300{width:150px; height:150px;}
#spec-n5{width:600px; height:65px;overflow:hidden;}
#spec-left{ background:url(/images/productleft.gif) no-repeat; width:10px; height:45px; float:left; cursor:pointer; margin-top:5px;}
#spec-right{background:url(/images/productright.gif) no-repeat; width:10px; height:45px; float:left;cursor:pointer; margin-top:5px;}
#spec-list{ width:600px; float:left; overflow:hidden; margin-left:2px; display:inline;}
#spec-list ul li{ float:left; margin-right:0px; display:inline; width:62px;}
#spec-list ul li img{ padding:2px ; border:1px solid #ccc; width:45px; height:45px;}
#spec-list{ position:relative; width:570px; margin-right:6px;}
#spec-list div{ margin-top:0;margin-left:-30px; *margin-left:0;}	

.nMessage{font-size:14px; line-height:30px; width:80%; margin:0 auto;}
.nMessage .msg{color:#f00;}
.nMessage ul,.nMessage li{list-style:none; list-style-type:none; margin-bottom:10px;}
.nMessage form{margin:0px auto;width:100%;}
.nMessage textarea{padding:5px;width:97%;font-size:13px; height:100px;}
.nMessage input{width: 180px;border:1px solid #808080;  font-weight: 400;color: #000; height:20px;}
.nMessage input[type="submit"] {background: #000;color: #FFF;border:none;width: 62%;cursor: pointer;outline: none;width:80px;height:24px;}
.nMessage input[type="submit"]:hover{background:#777;transition: 0.5s all;-webkit-transition: 0.5s all;-moz-transition: 0.5s all;-o-transition: 0.5s all;}
.nMessage input[type="reset"] {background: #000;color: #FFF;border:none;width: 62%;cursor: pointer;outline: none;width:80px;height:24px;}
.nMessage input[type="reset"]:hover{background:#777;transition: 0.5s all;-webkit-transition: 0.5s all;-moz-transition: 0.5s all;-o-transition: 0.5s all;}
.nMessage .bnt_ordSubmit {background:#060;color: #FFF;border:none;width: 62%;cursor: pointer;outline: none;width:80px;height:24px;}
.nMessage .bnt_ordunSubmit {background: #666666;color: #FFF;border:none;width: 62%;cursor: pointer;outline: none;width:80px;height:24px;}

/* FeedBack */
.FeedBack { margin-top:30px;}
.FeedBlock { float:left; margin-top:20px; width:100%;}
.FeedBack .Fleft{
	width:90px;
	float:left;
	}
.FeedBack .Fleft .Ficon{
	padding:0px  12px;
	}
.FeedBack .Fleft .Fname{
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-top:5px;
	color:#a80207;
	font-weight:bold;}		
.FeedBack .Fright{
	float:left;
	width:700px;
	padding-bottom:10px;
	}
.FeedBack .Fright .Fcontent{
	width:680px;
	background:url(/images/PostBG.jpg) no-repeat left top;
	padding:10px 0px;
	}	
.FeedBack .Fright .Fcontent .Ftime{
	float:right;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	color:#a80207;
	padding:0px 20px 5px 20px;}	
.FeedBack .Fright .Fcontent p{
	padding:0px 20px 5px 50px;
	line-height:26px;
	font-weight:bold;}

.FeedBack .Fright .Fcontent .Freply .FRtitle{
	margin-left:20px;
	line-height:20px;
	color:#f00;
	height:25px;
	background:url(/images/picon.gif) no-repeat 2px 0px;
	padding-left:20px;
	font-weight:bold;}
.FeedBack .Fright .Fcontent .Freply p{
	color:#a80207;
	font-weight:normal;}	
.FeedBack .Fright .Fline{
	float:right;
	width:600px;
	border-top:1px solid #EDEDEF;
	filter:progid:DXImageTransform.Microsoft.Shadow(Color=#999999, Strength=1, Direction=180);} 

.FeedBack .IntroTitle{
	width:665px;
	margin:auto;
	}
.FeedBack .commentbox{
	padding-top:5px;}	
.FeedBack .commentbox #commentform td{
	height:40px;}
.FeedBack .commentbox #commentform input{
	height:25px;
	line-height:25px;}

.FeedBack .commentbox #commentform .Cbutton{
	line-height:25px;
	background:#a80207;
	border:none;
	color:#FFFFFF;
	font-size:14px;
	cursor:pointer;}
	
.FeedBack .commentlist dt{
	padding:5px 10px;
	background-color:#dededc;
	height:22px;
	line-height:22px;
	font-size:12px;}	
.FeedBack .commentlist dd{
	padding:15px 0px 15px 0px;
	line-height:180%;
	font-size:14px;
	}	
.FeedBack .commentlist dd  b{
	color:#458D3A;}

.FeedBack .commentlist dd span{
	color:#A00000;}	
.FeedBack .commentlist p{
	padding:0px;
	line-height:180%;
	margin:0px;}
	
.phone_none{
	display: none;
}
}
@media(max-width:1024px) {
	.phone_none{
		display: block;
	}
	.pc_none{
		display: none;
	}

/* index banner */
.mbanner{
	position:relative;
	width:100%;
}
.swiper-pagination{
	display:inline-block;
	left:50% !important;bottom:0.1rem !important;
	width:auto !important;padding:0.03rem 0.1rem;
	text-align:center !important;font-size:0;
	-webkit-transform:translate(-50%,0) !important;transform:translate(-50%,0) !important;border-radius:.1rem;
}
.swiper-pagination-bullet{
	width:0.12rem !important;height:0.12rem !important;opacity:1 !important;vertical-align:top;
	-webkit-box-sizing:border-box;box-sizing:border-box;
	background:#fff !important;
}
.swiper-pagination-bullet-active{
	background-color:rgba(0,0,0,0) !important;border:0.02rem solid #fff;
	box-sizing: border-box;-webkit-box-sizing: border-box;
}
.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{
	margin:0 0.05rem !important;
}
/* -------------------------自定义部分开始 --------------------------*/
@font-face{font-family:"iconfont_s";src:url(../fonts/iconfont_s.woff) format('woff'),url(../fonts/iconfont_s.ttf) format('truetype');}
.iconfont_s{font-family:"iconfont_s" !important;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale;}
.clear-fix:after{
	display:block;clear:both;visibility:hidden;
	height:0;font-size:0;content:".";
}
input{
	outline:none;
}
body{
	background:#FFF !important;
	font-size:0.21rem;
	color:#303030;
	
}
.allpage{
	background:#fff !important;
}
/*head*/
.head{
	background:#FFF;
}
.logo{
	display:block;width:70.3125% !important;margin:0 auto;
	-webkit-box-sizing:border-box;box-sizing:border-box;
}
.search{
	background-color:#4B4338 !important;
}
.nav-btn{
	height:80%;top:10% !important;
	color:#fff !important;line-height:0.5528rem !important;
}
.search_hl{
	height:80% !important;top:10% !important;
	color:#fff !important;line-height:0.5528rem !important;
}
.home-btn{
	color:#fff !important;
}
.class-btn{
	color:#fff !important;
}
.top-title{
	color:#fff !important;
}
/*content*/
.content{
	padding-bottom:0.7rem !important;
}
/*iwrap*/
.iwrap{
	position:relative;
	width:93.75%;margin:0 auto;
}
/*nav_new*/
.nav_new{width:100%; padding: 0; margin-bottom:1px;}
.son{
	float:left;display:block;width:25%;
	-webkit-box-sizing:border-box;box-sizing:border-box;
}
.nav_new .son .iconfont_s{
	display: block; text-align: center; color: #fff;border-radius: 50%;
	width:0.8rem; height: 0.8rem;  margin: 0 auto;font-size: 0.45rem;background-color: #0cbf7e;
	box-sizing: border-box;-webkit-box-sizing: border-box; line-height: 0.8rem;
}
.nav_new .son:nth-of-type(2) .iconfont_s{background-color: #ff3a3a;}
.nav_new .son:nth-of-type(3) .iconfont_s{background-color: #16cf4f;}
.nav_new .son:nth-of-type(4) .iconfont_s{background-color: #6772ff;}
.nav_new .son .imgFont{
	display: block;
	color:#303030;font-size:0.22rem;line-height:0.4rem;text-align:center;
	text-overflow: ellipsis; overflow: hidden; white-space: nowrap;
}
.nav_new .son:nth-of-type(4n){border-right:none;}
/*beian*/
.beian{
	width:100%;
	height:auto;
	font-size:0.21rem;
	line-height:0.45rem;
	color:#2e3842;
	text-align:center;
}
.beian a{
	color:#2e3842;
	text-align:center;
}
.beian span{display:none;}
.beian .bottom_lang{height: 34px;text-align:center;width:100%;}
.beian .bottom_lang a{float:left;}



/*common_title*/
.common_title{ margin:2% 0 ; background-color: #ebebeb}

.common_title h2{
	font-size: 0.23rem; line-height: 0.4rem;margin-left: 3.125%;font-weight: normal;
	background-color: #cb0000;	width:24%; text-align: center;color: #fff;
}
h2._blue2{background: #2b83e6;}
h2._blue{background: #cb0000;}
h2._red{background: #cb0000;}
h2._red1{background: #2b83e6;}
h2._purple{ background: #6772ff;}
h2._green{background: #cb0000;}
/*about_title*/
.about_title{ margin:3% 0 2% 0 ; background-color: #ebebeb;text-align: center}
.about_title h2{
	font-size: 0.23rem; line-height: 0.4rem;display: inline-block;font-weight: normal;
	background-color: #cb0000;text-align: center;color: #fff;padding: 0 3%;
}
.about_title h2 span{font-size: 0.34rem;}

/*hnav2*/
.hnav2{
	margin:0;background-color: #4B4338;
}
.hnav2 .son2{
	width:25%;display: block;float: left;
	text-align: center; color: #fff;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;
	font-size: 0.22rem;line-height: 0.5rem;box-sizing: border-box;-webkit-box-sizing: border-box;
	border-right: 1px solid #fff;border-bottom: 1px solid #fff;
}
.hnav2 .son2:nth-of-type(4n){
	border-right:0;
}
.hnav2 .son2:nth-of-type(n+5){
	border-bottom:0;background-color: #4B4338;
}
/*index_sale*/
.index_sale dl{
	margin: 2% auto;
	overflow: hidden;
}
.index_sale dl:nth-of-type(2n){
	background-color:#f2f2f2
}
.index_sale dl:nth-of-type(2n) img{margin:0.1rem auto;}
.index_sale dl:nth-of-type(2n) h3{margin-top: 0.1rem;}
.index_sale dt{
	float: left;
	width:42.875%;margin-right:3%;margin-left: 3.125%;
}
.index_sale dt img{
	width: 100%;
}
.index_sale dd{
	float: right;
	width:46.875%;
	margin-right: 3.125%;
	overflow: hidden;
}
.index_sale dd h3{
	font-weight: normal;font-size: 0.23rem; color: #383838;line-height: 0.4rem;
	white-space: nowrap; overflow: hidden; margin-bottom: 0.05rem;text-overflow: ellipsis;
}
.index_sale dd p{
	font-weight: normal;
	font-size: 0.21rem;
	margin-bottom: 0.1rem;
	color: #999999;
	overflow: hidden;
	line-height: 0.3rem;
	height: 7.3em;
}
.index_sale dd a{
	display:inline-block;
	color: #fff;
	text-align: center;
	padding: 0 3%;
	margin-right: 1%;
	font-size: 0.21rem;
	overflow: hidden;
	line-height: 0.3rem;
	white-space: nowrap;
	width: 100%;
	text-overflow: ellipsis;
}
.index_sale dd a:nth-of-type(1){background-color: #ff9600}
.index_sale dd a:nth-of-type(2){background-color: #0cbf7e;text-decoration:line-through}
.index_sale dd a.itema{background-color:#fff;color: #ff1e43; padding-left: 0}
.index_sale dd a.itemb{background-color: #fff;color:#0cbf7e; padding-left: 0}
/*index_about*/
.index_about{
	width:91%;margin:2.5% 4.5% 0 4.5%;
	font-size: 0.21rem;line-height:0.35rem;
	color:#303030;vertical-align: top;position: relative;
}
.index_about img{
	width: 100%; margin-bottom: 0.1rem; display:none;
}
/*index_power*/
.index_power{
	width:93.75%;
	padding:1% 3.125% 0 3.125%;
}
.index_power li{
	width:48.5%;
	margin: 0 3% 0 0;
	float: left; position: relative;
	text-align: center;
	padding-top:12px;
}
.index_power li.honor{
	width: 31.3%;
	height:auto;
}
.index_power li.honor:nth-of-type(2n){margin-right: 3%;}
.index_power li.honor:nth-of-type(3n){margin-right: 0;}
.index_power li span{
	display: block;
	font-size: 0.23rem;
	line-height: 0.45rem;
	height: 0.4rem;
	color: #333333;white-space: nowrap;
	width: 100%;
	overflow: hidden; text-overflow: ellipsis;
}
.index_power li img{
	width:100%;
	height: 10em;
}
.index_power li:nth-of-type(2n){	margin-right:0;}
/*new_i*/
.new_i{
	margin:2.5% auto;
}
.new_i li a{
	display:block;
	width:92%;margin: 0 auto;
	color:#303030;
	overflow: hidden;
	white-space: nowrap;
	text-overflow:ellipsis;
}
.new_i li:nth-of-type(2n){
	background-color: #f2f2f2;
}
.new_i li span{
	display: inline-block;font-style: normal;overflow: hidden;
	width:100%;float: left;font-size: 0.21rem; text-overflow: ellipsis;line-height: 0.45rem;
}
/*index_item*/
.index_item{
	margin:0 3.125%;border-bottom: 1px solid #fff;background-color: #f2f2f2;
}
.index_item h2{
	width:20%;display: block;float: left;margin-right: 3%;
	color: #fff;text-align: center;font-size: 0.22rem;line-height: 0.45rem;font-weight: normal;
}
.index_item h2 span{
	font-size: 0.3rem;font-weight: normal;vertical-align: -4%;
}
.index_item p{
	color: #292929;font-size: 0.21rem;line-height: 0.45rem;
	width: 75%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
 }
.index_item p i{display:block;float: left}
.index_item p i:first-of-type{
	font-style: normal;font-size: 0.23rem;
}
.index_item p i:last-of-type{
	font-style: normal;font-size: 0.25rem;line-height: 0.62rem;height: 0.6rem;overflow:hidden;vertical-align: middle;margin-top: 0;
}
.item_a span{ background-color: #ffae00;}
.item_b span{background-color: #0cbf7e;}
/*more_i*/
.more_i{
	width: 93.75%;margin:2.5% 3.125%;text-align: center;
	border:1px solid #c3c3c3;box-sizing: border-box;-webkit-box-sizing: border-box;
}
.more_i a{
	color:#868686; line-height: 0.35rem;font-size: 0.21rem;
}


/*CSS black2 style pagination*/

DIV.black2 {
	PADDING-RIGHT: 7px; PADDING-LEFT: 7px; PADDING-BOTTOM: 7px; MARGIN: 3px; PADDING-TOP: 7px; TEXT-ALIGN: center
}
DIV.black2 A {
	BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #000000 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #000000 1px solid; COLOR: #000000; PADDING-TOP: 2px; BORDER-BOTTOM: #000000 1px solid; TEXT-DECORATION: none
}
DIV.black2 A:hover {
	BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; COLOR: #fff; BORDER-BOTTOM: #000000 1px solid; BACKGROUND-COLOR: #000
}
DIV.black2 A:active {
	BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; COLOR: #fff; BORDER-BOTTOM: #000000 1px solid; BACKGROUND-COLOR: #000
}
DIV.black2 SPAN.current {
	BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #000000 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #000000 1px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #000000 1px solid; BACKGROUND-COLOR: #000000
}
DIV.black2 SPAN.disabled {
	BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #eee 1px solid; COLOR: #ddd; PADDING-TOP: 2px; BORDER-BOTTOM: #eee 1px solid
}



@font-face {
  font-family: "member";
  src: url(../fonts/member.woff) format("woff"), url(../fonts/member.ttf) format("truetype");
}

.member_iconfont {
     -webkit-text-stroke-width: 0.2px;
     font-family: "member" ! important;
     font-style: normal;
}

body {
     font-family: "microsoft yahei";
     font-size: 0.16rem;
}

body, p, h1, ul, li, input, img, figure, h3, h1, h2, dl, dd, dt {
     margin: 0px;
     padding: 0px;
}

ul, ol, li, dl, dt, dd {
     list-style: outside none none;
}

a {
     outline: 0px none;
     text-decoration: none;
}

fieldset, img {
     border: 0px none;
}

img {
     background-size: contain;
     display: block;
}

input[type="text"], input[type="password"], input[type="submit"], input[type="reset"], input[type="button"], textarea {
    
}

.clear {
     clear: both;
     width: 100%;
}

.c {
     clear: both;
     width: 100%;
}

.content {
     background-color: transparent;
     font-size: 0.2rem;
     margin-top: 6%;
     min-height: 6rem;
     overflow: hidden;
     padding-bottom: 15%;
}

.content_new {
     margin-top: 0px ! important;
}

.common_bg {
     background-color: #b30f1a ! important;
}

.header {
     height: 0.691rem;
     position: relative;
     width: 100%;
     z-index: 9999;
}

.head {
     height: 0.691rem;
     line-height: 0.691rem;
     overflow: hidden;
     position: fixed;
     right: 0px;
     text-align: center;
     top: 0px;
     transition: all 0.3s ease-in-out 0s;
     width: 100%;
     z-index: 99;
}

.logo {
	font-family:"大河";
     color: #ffffff;
     display: inline-block;
     font-size: 0.25rem;
     height: auto;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
}

.enlogo {
	font-family:"大河";
     color: #ffffff;
     display: inline-block;
     font-size: 0.22rem;
     height: auto;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
}

.top-nav {
     position: absolute;
     right: 1.09375%;
     top: 100%;
     width: 14.0625%;
}

.class-btn {
     color: #ffffff;
     font-size: 0.24rem;
     line-height: 0.82rem;
     overflow: hidden;
     position: absolute;
     right: 16%;
     text-align: center;
     top: 0%;
     width: 14.0625%;
}

.top-home {
     color: #ffffff;
     font-size: 0.4rem;
     left: 1.09375%;
     line-height: 0.82rem;
     overflow: hidden;
     position: absolute;
     text-align: center;
     top: 0px;
     width: 14.0625%;
}

.top-title {
     color: #ffffff;
     font-size: 0.3rem;
     left: 15%;
     line-height: 0.71rem;
     overflow: hidden;
     position: absolute;
     text-align: center;
     top: 0px;
     width: 70%;
}

.sub_page {
     font-size: 0.16rem;
     min-height: 6rem;
     overflow: hidden;
}

.sub_page center {
     font-size: 0.2rem;
     padding: 0.4rem 0px;
}

.sub_page center a {
     color: red;
}

.search_hl {
     color: #ffffff;
     font-size: 0.4rem;
     height: 100%;
     line-height: 0.691rem;
     overflow: hidden;
     position: absolute;
     text-align: center;
     top: 0px;
     width: 14.0625%;
}

.search_l {
     left: 0%;
}

body {
     background: #ffffff none repeat scroll 0% 0%;
     height: 100%;
     position: relative;
     width: 100%;
}

.head {
     background: #4B4338 none repeat scroll 0% 0%;
}

.foot {
     background: #4B4338 none repeat scroll 0% 0%;
}

.nav {
     background: #4B4338 none repeat scroll 0% 0%;
}

.nav_color {
     background: #4B4338 none repeat scroll 0% 0%;
}

.allpage {
     background: #ffffff none repeat scroll 0% 0%;
     height: auto;
     min-height: 6rem;
     position: relative;
     right: 0px;
     transition: all 0.3s ease-in-out 0s;
     z-index: 10;
}

.clicked {
     right: 220px ! important;
     transition: all 0.3s ease-in-out 0s;
}

.nav {
     bottom: 0px;
     position: absolute;
     right: 0px;
     top: 0px;
     width: 220px;
     z-index: 2;
}

.fixed {
     bottom: 0px;
     height: 150%;
     overflow-x: hidden;
     position: fixed;
     right: 0px;
     top: 0px;
     width: 220px;
     z-index: 5;
}

.nav li {
     border-bottom: 1px solid #303030;
     margin: 0px auto;
     width: 220px;
}

.nav li a {
     color: #ffffff;
     display: block;
     font: 100 16px/50px "微软雅黑";
     text-indent: 60px;
     width: 100%;
}

.nav li a span {
     margin-right: 3%;
}

.nav li p {
     text-indent: 70px;
}

.nav li:last-child {
     margin-bottom: 20%;
}

.allmap {
     font-size: 0.18rem;
     height: 8rem;
     width: 100%;
}

.share {
     margin: 0.5rem auto;
     width: 160px;
}

.black-fixed {
     background: rgba(0, 0, 0, 0.9) none repeat scroll 0% 0%;
     color: #ffffff;
     font-size: 0.4rem;
     height: 150%;
     left: 0px;
     line-height: 2;
     opacity: 0;
     overflow: hidden;
     position: fixed;
     right: 0px;
     text-align: right;
     top: 0px;
     transition: all 0.3s ease-in-out 0s;
     width: 0px;
     z-index: 99999 ! important;
}

.black-clicked {
     left: -227px;
     opacity: 1;
     padding-right: 2%;
     transition: all 0.3s ease-in-out 0s;
     width: 100%;
}

.nav-btn {
     color: #ffffff;
     font-size: 0.4rem;
     line-height: 0.691rem;
     overflow: hidden;
     position: absolute;
     right: 0px;
     text-align: center;
     top: 0px;
     width: 14.0625%;
}

.home-btn {
     color: #ffffff;
     display: block;
     font-size: 0.4rem;
     height: 100%;
     left: 1.09375%;
     line-height: 0.691rem;
     overflow: hidden;
     position: absolute;
     text-align: center;
     top: 0px;
     width: 14.0625%;
}

.top-nav {
     position: absolute;
     right: 1.09375%;
     top: 100%;
     width: 14.0625%;
}

.top-home {
     color: #ffffff;
     font-size: 0.4rem;
     left: 1.09375%;
     line-height: 0.82rem;
     overflow: hidden;
     position: absolute;
     text-align: center;
     top: 0px;
     width: 14.0625%;
}

.class-btn {
     color: #ffffff;
     font-size: 0.24rem;
     line-height: 0.691rem;
     overflow: hidden;
     position: absolute;
     right: 16%;
     text-align: center;
     top: 0%;
     width: 18.0625%;
}

.class-btn span.commonfont {
     font-size: 0.4rem;
}

.footer {
     bottom: 0px;
     height: 0.7rem;
     position: fixed ! important;
     right: 0px;
     transition: all 0.3s ease-in-out 0s;
     width: 100%;
     z-index: 9999;
}

.foot {
     bottom: 0px;
     height: 0.8rem;
     left: 0px;
     position: fixed;
     transition: all 0.3s ease-in-out 0s;
     width: 100%;
     z-index: 10;
}

.foot-relative {
     height: 0.8rem;
     position: relative;
     width: 100%;
}

.foot a {
     color: #ffffff;
     display: block;
     float: left;
     width: 25%;
}

.foot a span {
     display: block;
     font-size: 0.4rem;
     line-height: 0.45rem;
     text-align: center;
     width: 100%;
}

.foot a h3 {
     font: 0.18rem/0.2rem "microsoft yahei";
     text-align: center;
     width: 100%;
}

.common-pro-search {
     background: #ffffff none repeat scroll 0% 0%;
     height: 0.533rem;
     margin: 2% auto;
     width: 90%;
}

.common-text {
     background: #ffffff none repeat scroll 0% 0%;
     border-radius: 0px;
     border: 0px none;
     float: left;
     font: 0.16rem/0.533rem "microsoft yahei";
     height: 0.533rem;
     text-indent: 0.1rem;
     width: 84.45%;
}

.common-submit {
     background: #333333 none repeat scroll 0% 0%;
     border-radius: 0px;
     border: 0px none;
     color: #ffffff;
     float: right;
     font-size: 0.36rem;
     height: 0.533rem;
     line-height: 0.533rem;
     width: 15.55%;
}

.common-search {
     background: #ffffff none repeat scroll 0% 0%;
     border-radius: 8px;
     border: 1px solid #cccccc;
     bottom: 0.9rem;
     box-shadow: 0px 1px 2px #666666 inset;
     display: none;
     left: 3.90625%;
     overflow: hidden;
     position: absolute;
     width: 92.1875%;
     z-index: 100;
}

.search-input-n {
     background-color: transparent;
     border-radius: 25px;
     border: medium none;
     font-family: "microsoft yahei";
     height: 0.533rem;
     line-height: 0.533rem;
     outline: medium none;
     text-indent: 5%;
     width: 85%;
}

.search-btn-n {
     background-color: transparent;
     border: medium none;
     color: #666666;
     font-family: "microsoft yahei";
     font-size: 0.4rem;
     line-height: 0.533rem;
     outline: medium none;
     width: 12%;
}

@font-face {
  font-family: "iconfont";
  src: url(../fonts/iconfont.woff) format("woff"), url(../fonts/iconfont.ttf) format("truetype");
}

.iconfont {
     -webkit-text-stroke-width: 0.2px;
     font-family: "iconfont" ! important;
     font-style: normal;
}

.title_s {
     color: #c5c5c5;
     font-size: 12px;
     line-height: 35px;
     text-align: center;
}

@font-face {
  font-family: "commonfont";
  src: url(../fonts/common.woff) format("woff"), url(../fonts/common.ttf) format("truetype");
}

.commonfont {
     -webkit-text-stroke-width: 0.2px;
     font-family: "commonfont" ! important;
     font-style: normal;
}

.big-pic {
     margin: 0px auto;
     position: relative;
     width: 100%;
     z-index: 2;
}

.big-pic-in {
     height: auto;
     margin: 0px auto;
     overflow: hidden;
     position: relative;
     width: 100%;
}

.pic-list {
     height: auto;
     position: relative;
     transform: translate3d(0px, 0px, 0px);
     z-index: 0;
}

.pic-list img {
     display: block;
     float: left;
     height: auto;
     width: 100%;
}

.big-pic2 .pic-list {
     width: 200%;
}

.big-pic2 .pic-list img {
     width: 50%;
}

.big-pic3 .pic-list {
     width: 300%;
}

.big-pic3 .pic-list img {
     width: 33.3333%;
}

.big-pic4 .pic-list {
     width: 400%;
}

.big-pic4 .pic-list img {
     width: 25%;
}

.slide-dot {
     bottom: 5px;
     display: none;
     height: 16px;
     overflow: hidden;
     padding-top: 4px;
     position: absolute;
     text-align: center;
     width: 100%;
}

.slide-dot span {
     background: #ffffff none repeat scroll 0% 0%;
     border-radius: 8px;
     display: inline-block;
     height: 8px;
     margin: 0px 7px;
     vertical-align: top;
     width: 8px;
     z-index: 10;
}

.slide-dot span.slide-dot-cur {
     background: #6b1b55 none repeat scroll 0% 0%;
     vertical-align: top;
     z-index: 10;
}

.transition {
     transition: transform 0.3s ease-out 0s;
}

.type {
     background: #232323 none repeat scroll 0% 0%;
     display: none;
     height: 3rem;
     overflow-x: hidden;
     padding: 0.1rem 0px;
     position: fixed;
     right: 0px;
     top: 0.691rem;
     transition: all 0.3s ease-in-out 0s;
     width: 100%;
     z-index: 999;
}

.type li {
     background: #ffffff none repeat scroll 0% 0%;
     font: 0.2rem/0.46rem "microsoft yahei";
     margin: 2% auto;
     overflow: hidden;
     position: relative;
     width: 90%;
}

.type li a {
     color: #666666;
     display: block;
     float: left;
     overflow: hidden;
     padding: 0px 4%;
     text-overflow: ellipsis;
     white-space: nowrap;
     width: 60%;
}

.type li span.commonfont {
     color: #666666;
     display: block;
     font-size: 0.3rem;
     line-height: 0.46rem;
     position: absolute;
     right: 0px;
     text-align: center;
     top: 0px;
     width: 16%;
}

.type li dl {
     border-top: 2px solid #232323;
     display: none;
     float: left;
     width: 100%;
}

.type li dl dd {
     overflow: hidden;
}

.type li dl dd a {
     width: 100%;
}

.type h1 {
     color: #ffffff;
     font: 0.2rem/2 "microsoft yahei";
     margin: 0px auto;
     width: 90%;
}

.class {
     background: #232323 none repeat scroll 0% 0%;
     display: none;
     height: 3rem;
     overflow-x: hidden;
     padding: 0.1rem 0px;
     position: fixed;
     top: 8.33em;
     transition: all 0.3s ease-in-out 0s;
     width: 100%;
}

.class li {
     background: #ffffff none repeat scroll 0% 0%;
     font: 0.2rem/0.46rem "microsoft yahei";
     margin: 2% auto;
     overflow: hidden;
     position: relative;
     width: 90%;
}

.class li a {
     color: #666666;
     display: block;
     float: left;
     overflow: hidden;
     padding: 0px 4%;
     text-overflow: ellipsis;
     white-space: nowrap;
     width: 60%;
}

.class li span.iconfont {
     color: #666666;
     display: block;
     font-size: 0.3rem;
     line-height: 0.46rem;
     position: absolute;
     right: 0px;
     text-align: center;
     top: 0px;
     transform: rotate(180deg);
     transition: transform 0.3s ease-out 0s;
     width: 16%;
}

.class li span.iconfont.class-up {
     transform: rotate(0deg);
     transition: transform 0.3s ease-out 0s;
}

.class li dl {
     border-top: 2px solid #232323;
     display: none;
     float: left;
     width: 100%;
}

.class li dl dd {
     overflow: hidden;
}

.class li dl dd a {
     width: 100%;
}

.about, .view {
     font: 0.21rem/2.4 "microsoft yahei";
     margin: 0% auto;
     width: 92.5%;
}

.view p {
     margin: 0px;
     padding: 0px;
}

.view h1 {
     color: #393939;
     font: 0.3rem/0.5rem "microsoft yahei";
     text-align: center;
     width: 100%;
}

.about h1 {
     font: bold 0.28rem/0.5rem "microsoft yahei";
     margin-bottom: 3%;
     text-align: center;
}

.view img {
     display: inline;
     max-width: 100%;
}

.page {
     background: #dddddd none repeat scroll 0% 0%;
     border-radius: 0.38rem;
     color: #777777;
     display: block;
     font: 0.22rem/0.38rem "microsoft yahei";
     margin: 2% auto;
     overflow: hidden;
     text-indent: 0.1rem;
     text-overflow: ellipsis;
     white-space: nowrap;
     width: 100%;
}
.page a{
     color:#000;
}
.back {
     border-radius: 0.4rem;
     color: #393939;
     display: block;
     font: 0.2rem/0.4rem "microsoft yahei";
     height: 0.4rem;
     margin: 2% auto;
     text-align: center;
     width: 33.57%;
}

.news {
     height: auto;
     margin: 2% auto;
     overflow: hidden;
     width: 100%;
}

.news li {
     height: 0.691rem;
     overflow: hidden;
     width: 100%;
}

.news li a {
     display: block;
     font: 0.2rem/0.691rem "microsoft yahei";
     height: 0.691rem;
     overflow: hidden;
     width: 100%;
}

.news li span:nth-child(1) {
     color: #1d1d1d;
     display: block;
     float: left;
     margin-left: 4%;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     width: 60%;
}

.news li span:nth-child(2) {
     color: #9f9f9f;
     display: block;
     float: right;
     margin-right: 4%;
}

.news li:nth-child(2n) {
     background: #ffffff none repeat scroll 0% 0%;
}

.imore, .back {
     background: #b30f1a none repeat scroll 0% 0%;
     border-radius: 0.3rem;
     clear: both;
     color: #ffffff;
     display: block;
     font: 0.2rem/2.2 "microsoft yahei";
     margin: 2% auto;
     overflow: hidden;
     text-align: center;
     width: 36%;
}

.imore::before, .back::before {
     clear: both;
     content: "";
}

.common_news {
     height: auto;
     margin: 0% auto;
     overflow: hidden;
     width: 100%;
}

.news1, .news1 a, .news2, .news2 a {
     display: block;
     font: 0.22rem/0.3rem "microsoft yahei";
     height: auto;
     overflow: hidden;
     width: 100%;
}

.news1, .news2 {
     margin: 0px auto;
     width: 92%;
}

.news1 a span:nth-child(1), .news2 a span:nth-child(1) {
     color: #1d1d1d;
     display: block;
     float: left;
     height: 0.691rem;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     width: 70%;
}

.news1 a span:nth-child(2), .news2 a span:nth-child(2) {
     color: #9f9f9f;
     display: block;
     float: right;
     height: 0.691rem;
     overflow: hidden;
     text-align: right;
     text-overflow: ellipsis;
     white-space: nowrap;
     width: 29%;
}

.news2 div {
     color: #666666;
     font: 0.18rem/0.3rem "microsoft yahei";
     max-height: 0.9rem;
     overflow: hidden;
     width: 100%;
}

.news3 {
     height: auto;
     margin: 2% auto;
     overflow: hidden;
     width: 96%;
}

.news3 > a {
     display: block;
     float: left;
     height: auto;
     overflow: hidden;
     padding-left: 3%;
     width: 33%;
}

.news1 > a > img {
     display: block;
     float: left;
     width: 100%;
}

.news3 > h1 {
     display: block;
     float: left;
     margin-left: 3%;
     overflow: hidden;
     width: 58%;
}

.news3 > h1 > a {
     color: #333333;
     display: block;
     font: 0.22rem/0.3rem "microsoft yahei";
     height: 0.35rem;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     width: 100%;
}

.news3 > div {
     color: #999999;
     float: left;
     font: 0.18rem/0.24rem "microsoft yahei";
     margin-left: 3%;
     margin-top: 1%;
     max-height: 0.93rem;
     overflow: hidden;
     width: 58%;
}

.news4 {
     float: left;
     height: auto;
     margin: 2% auto;
     overflow: hidden;
     width: 50%;
}

.news4 a {
     display: block;
     margin: 0px auto;
     width: 80%;
}

.news4 a img {
     display: block;
     height: 10em;
     width: 100%;
}

.news4 a span {
     color: #666666;
     display: block;
     font: 0.22rem/0.3rem "microsoft yahei";
     margin-top: 6%;
     overflow: hidden;
     text-align: center;
     text-overflow: ellipsis;
     white-space: nowrap;
     width: 100%;
}

.news5 {
     height: auto;
     margin: 2% auto;
     overflow: hidden;
     width: 96%;
}

.news5 a.news5imgwrap {
     float: left;
     height: auto;
     margin-left: 3%;
     width: 25%;
}

.news5 a.news5imgwrap img {
     display: block;
     width: 100%;
}

.news5 h1 {
     display: block;
     float: left;
     margin-left: 3%;
     overflow: hidden;
     width: 68%;
}

.news5 > h1 > a {
     color: #333333;
     display: block;
     font: 0.2rem/0.3rem "microsoft yahei";
     height: 0.3rem;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     width: 100%;
}

.news5 > div {
     color: #999999;
     float: left;
     font: 0.18rem/0.2rem "microsoft yahei";
     margin-left: 3%;
     margin-top: 1%;
     max-height: 0.59rem;
     overflow: hidden;
     width: 68%;
}

.case {
     height: auto;
     margin: 2% auto;
     overflow: hidden;
     width: 100%;
}

.case li {
     border-bottom: 1px solid #cccccc;
     height: auto;
     overflow: hidden;
     padding: 2% 0px;
     width: 100%;
}

.case li > a {
     border: 1px solid #ffffff;
     display: block;
     float: left;
     margin: 0px 3.75% 0px 4.6875%;
     width: 35.4688%;
}

.case li > a img {
     display: block;
     width: 100%;
}

.case li h1 {
     float: left;
     font: 0.2rem/0.35rem "microsoft yahei";
     height: 0.35rem;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     width: 51.875%;
}

.case li h1 a {
     color: #232323;
}

.case li div {
     color: #1d1d1d;
     float: left;
     font: 0.18rem/0.28rem "microsoft yahei";
     height: 1.1rem;
     overflow: hidden;
     width: 51.75%;
}

.white-bg {
     background: #ffffff none repeat scroll 0% 0%;
}

.login {
     height: auto;
     margin: 10% auto;
     overflow: hidden;
     width: 87.5%;
}

.login li {
     font: 0.16rem/1.4 "microsoft yahei";
     height: auto;
     overflow: hidden;
     padding-bottom: 3%;
     width: 100%;
}

.login_input {
     background: #ffffff none repeat scroll 0% 0%;
     border-radius: 0px;
     border: 1px solid #d9d9d9;
     display: block;
     float: left;
     font: 0.2rem/0.42rem "microsoft yahei";
     height: 0.42rem;
     text-indent: 0.1rem;
     width: 96%;
}

.login_textarea {
     background: #ffffff none repeat scroll 0% 0%;
     border-radius: 0px;
     border: 1px solid #d9d9d9;
     display: block;
     float: left;
     font: 0.2rem/0.42rem "microsoft yahei";
     height: 1.42rem;
     resize: none;
     text-indent: 0.1rem;
     width: 95%;
}

.pin_width {
     width: 51.78%;
}

.login_pin {
     float: left;
     height: 0.42rem;
     margin-left: 4%;
     width: 30%;
}

.login_btn {
     border-radius: 0px;
     border: 0px none;
     color: #ffffff;
     font: 0.22rem/0.5rem "microsoft yahei";
     height: 0.5rem;
     text-align: center;
     width: 98%;
}

.red_alert {
     color: red;
     font: 0.2rem/0.44rem "microsoft yahei";
     margin: 0px auto;
     width: 87.5%;
}

.login_link1 {
     color: #949494;
     float: left;
     font: 0.2rem/0.44rem "microsoft yahei";
     margin-left: 4%;
}

.login_link2 {
     color: #949494;
     float: right;
     font: 0.2rem/0.44rem "microsoft yahei";
     margin-right: 4%;
}

.info_left {
     color: #707070;
     float: left;
     font: 0.2rem/0.44rem "microsoft yahei";
     text-align: left;
     width: 26%;
}

.info_username {
     color: #707070;
     float: left;
     font: 0.2rem/0.44rem "microsoft yahei";
     text-align: center;
     width: 16%;
}

.info_input {
     float: left;
     width: 70%;
}

.site_btn {
     border-radius: 50%;
     border: 2px solid #e1e1e1;
     color: #ffffff;
     font: 0.5rem/0.7rem "microsoft yahei";
     height: 0.7rem;
     left: 1.875%;
     position: fixed;
     text-align: center;
     top: 270px;
     width: 0.7rem;
     z-index: 999;
}

.cart-btn-numbers {
     color: #ffffff;
     height: 100%;
     position: relative;
     width: 100%;
}

.cart-btn-number {
     background: #ffffff none repeat scroll 0% 0%;
     border-radius: 50%;
     border: 0.016rem solid #e1e1e1;
     bottom: 74%;
     color: #c2c2c2;
     font: 0.14rem/0.24rem "microsoft yahei";
     height: 0.24rem;
     left: 74%;
     position: absolute;
     width: 0.24rem;
}

.site-nav li {
     font: 0.16rem/0.2rem "microsoft yahei";
     height: auto;
     overflow: hidden;
     width: 100%;
}

.site-nav a {
     color: #ffffff;
}

.site-nav li a {
     border-radius: 50%;
     border: 2px solid #e8e8e8;
     bottom: 0px;
     color: #ffffff;
     display: block;
     font: 0.18rem/0.2rem "microsoft yahei";
     height: 0.4rem;
     opacity: 0;
     padding: 0.1rem 0px;
     position: absolute;
     text-align: center;
     transform: rotate(-350deg);
     transition: all 0.3s ease-in-out 0s;
     width: 0.6rem;
     z-index: -999;
}

.site-nav.slideup li:nth-child(1) a {
     bottom: 100%;
     left: 100%;
     opacity: 1;
     transform: rotate(0deg);
     transition: all 0.3s ease-in-out 0ms;
     z-index: 999;
}

.site-nav.slideup li:nth-child(2) a {
     bottom: 0.05rem;
     left: 150%;
     opacity: 1;
     transform: rotate(0deg);
     transition: all 0.3s ease-in-out 100ms;
     z-index: 999;
}

.site-nav.slideup li:nth-child(3) a {
     bottom: -0.6rem;
     left: 100%;
     opacity: 1;
     transform: rotate(0deg);
     transition: all 0.3s ease-in-out 200ms;
     z-index: 999;
}

.site-nav.slidedown li:nth-child(1) a {
     bottom: 100%;
     left: auto;
     opacity: 1;
     right: 100%;
     transform: rotate(0deg);
     transition: all 0.3s ease-in-out 0ms;
     z-index: 999;
}

.site-nav.slidedown li:nth-child(2) a {
     bottom: 0.05rem;
     left: auto;
     opacity: 1;
     right: 150%;
     transform: rotate(0deg);
     transition: all 0.3s ease-in-out 100ms;
     z-index: 999;
}

.site-nav.slidedown li:nth-child(3) a {
     bottom: -0.6rem;
     left: auto;
     opacity: 1;
     right: 100%;
     transform: rotate(0deg);
     transition: all 0.3s ease-in-out 200ms;
     z-index: 999;
}

.view-price {
     color: #626262;
     font: 0.2rem/2 "microsoft yahei";
     margin: 0px auto;
     width: 100%;
}

.view-price span {
     color: #ff0000;
     font-size: 0.28rem;
}

.view_btns {
     margin: 2% auto;
     overflow: hidden;
     width: 100%;
}

.view_btns a {
     color: #ffffff;
     display: block;
     float: left;
     font: 0.22rem/1.6 "microsoft yahei";
     padding: 3% 12%;
}

.view_btns a:last-child {
     float: right;
}

.view_collect {
     border-bottom: 1px solid #dadada;
     border-top: 1px solid #dadada;
     margin: 2% auto;
     overflow: hidden;
     width: 100%;
}

.view_collect p {
     border-right: 1px solid #dadada;
     color: #6b6565;
     float: left;
     font: 0.2rem/3 "microsoft yahei";
     text-align: center;
     width: 30%;
}

.view_collect a {
     color: #707070;
     display: block;
     float: left;
     font: 0.2rem/3 "microsoft yahei";
     position: relative;
     text-indent: 0.6em;
     width: 68%;
}

.view_collect a font {
     position: absolute;
     right: 0px;
}

.view_collect a a {
     color: #707070;
}

.survey {
     height: auto;
     margin: 0% auto;
     overflow: hidden;
     width: 92.5%;
}

.survey li {
     font: 0.16rem/1.4 "microsoft yahei";
     height: auto;
     overflow: hidden;
     padding-bottom: 3%;
     width: 100%;
}

.survey_input {
     background: #ffffff none repeat scroll 0% 0%;
     border-radius: 0px;
     border: 1px solid #d9d9d9;
     display: block;
     float: left;
     font: 0.2rem/0.42rem "microsoft yahei";
     height: 0.42rem;
     text-indent: 0.1rem;
     width: 96%;
}

.surveya {
     height: auto;
     margin: 0% auto;
     overflow: hidden;
     width: 92.5%;
}

.surveya li {
     border-bottom: 1px solid #ededed;
     font: 0.25rem/1.4 "microsoft yahei";
     height: auto;
     margin: 0px 0px 2%;
     overflow: hidden;
     padding-bottom: 3%;
     width: 100%;
}

.survey_label {
     margin: 5px 6px;
}

.survey_boder {
     border: 1px solid #ff0000;
}

.msg_pin {
     background: #f14400 none repeat scroll 0% 0%;
     border-radius: 6px;
     color: #ffffff;
     float: left;
     font-size: 0.3rem;
     height: 0.52rem;
     line-height: 0.52rem;
     margin-left: 0%;
     text-align: center;
     width: 100%;
}

.msg_input {
     background: #ffffff none repeat scroll 0% 0%;
     border-radius: 6px;
     border: 1px solid #d9d9d9;
     display: block;
     float: left;
     font: 0.2rem/0.42rem "microsoft yahei";
     height: 0.52rem;
     text-indent: 0.1rem;
     width: 94%;
}

.msg_textarea {
     background: #ffffff none repeat scroll 0% 0%;
     border-radius: 6px;
     border: 1px solid #d9d9d9;
     display: block;
     float: left;
     font: 0.2rem/0.42rem "microsoft yahei";
     height: 1.42rem;
     resize: none;
     text-indent: 0.1rem;
     width: 94%;
}

.msg_input2 {
     background: #ffffff none repeat scroll 0% 0%;
     border-radius: 6px;
     border: 1px solid #d9d9d9;
     display: block;
     float: left;
     font: 0.2rem/0.42rem "microsoft yahei";
     height: 0.42rem;
     text-indent: 0.1rem;
     width: 50%;
}

.redmc {
     font: 0.28rem/0.62rem "microsoft yahei";
}

.msg_pin-value {
     background: #f14400 none repeat scroll 0% 0%;
     border-radius: 6px;
     border: 0px none;
     color: #ffffff;
     float: left;
     font-size: 0.3rem;
     height: 0.52rem;
     line-height: 0.52rem;
     margin-left: 10%;
     text-align: center;
     width: 80%;
}

input {
     outline: medium none;
}

.search {
     background-color: #0078c1;
     font-family: "microsoft yahei";
     height: 0.691rem;
     left: 0px;
     padding: 0px 2%;
     position: absolute;
     top: -120%;
     width: 96%;
}

.search-input {
     -moz-border-bottom-colors: none;
     -moz-border-left-colors: none;
     -moz-border-right-colors: none;
     -moz-border-top-colors: none;
     background-color: #ffffff;
     border-color: #0078c1 -moz-use-text-color #0078c1 #0078c1;
     border-image: none;
     border-radius: 15px 0px 0px 15px;
     border-style: solid none solid solid;
     border-width: 1px medium 1px 1px;
     float: left;
     font-family: "microsoft yahei";
     font-size: 0.18rem;
     height: 0.461rem;
     margin-top: 2%;
     text-indent: 5%;
     width: 75%;
}

.search-btn {
     -moz-border-bottom-colors: none;
     -moz-border-left-colors: none;
     -moz-border-right-colors: none;
     -moz-border-top-colors: none;
     background-color: #ffffff;
     border-color: #0078c1 #0078c1 #0078c1 -moz-use-text-color;
     border-image: none;
     border-radius: 0px 15px 15px 0px;
     border-style: solid solid solid none;
     border-width: 1px 1px 1px medium;
     float: left;
     font-size: 0.25rem;
     height: 0.491rem;
     margin-top: 2%;
     width: 15%;
}

.search a {
     color: #ffffff;
     display: inline-block;
     float: left;
     height: 0.7rem;
     text-align: center;
     width: 9%;
}

.search_lh {
     background-color: #ff9600;
     text-align: center;
     width: 100%;
}

.index_text {
     background: #ffffff url(../images/search_bg_05.png) no-repeat scroll 95% center / 7% auto;
     border-radius: 25px;
     border: medium none;
     font-family: "microsoft yahei";
     font-size: 0.21rem;
     height: 0.5rem;
     margin: 2% 0px;
     text-indent: 3%;
     width: 90%;
}

.discuss_top {
     background: rgba(0, 0, 0, 0) url(../images/discuss.png) no-repeat scroll right 0px / 4.46% auto;
     color: #ffffff;
     margin: 2% auto;
     overflow: hidden;
     padding: 2% 0px;
     position: relative;
     width: 87.5%;
}

.discuss_top_left {
     float: left;
     font: 0.18rem/0.3rem "microsoft yahei";
     height: 0.9rem;
     margin: 0px 0px 0px 2.85%;
     overflow: hidden;
     width: 70.35%;
}

.discuss_top_right {
     border-left: 1px solid rgba(255, 255, 255, 0.39);
     font: 0.18rem/1rem "microsoft yahei";
     height: 100%;
     position: absolute;
     right: 0px;
     text-align: center;
     top: 0px;
     width: 23.21%;
}

.discuss_top_right span {
     font-size: 0.5rem;
}

.discuss_list {
     margin: 2% auto;
     overflow: hidden;
     width: 87.5%;
}

.discuss_list li {
     border-bottom: 1px solid #dddddd;
     height: auto;
     overflow: hidden;
     padding: 2% 0px;
     width: 100%;
}

.discuss_list_top {
     height: auto;
     overflow: hidden;
     width: 100%;
}

.discuss_list_top span {
     color: #545454;
     float: left;
     font: 0.18rem/0.4rem "microsoft yahei";
}

.discuss_list_top_right {
     float: right;
     overflow: hidden;
     width: 38.92%;
}

.discuss_list_top_right div {
     background: #d0cfcf none repeat scroll 0% 0%;
     float: left;
     height: auto;
     margin-top: 3.2%;
     overflow: hidden;
     position: relative;
     width: 67.43%;
}

.discuss_list_top_right div img {
     display: block;
     position: relative;
     width: 100%;
     z-index: 2;
}

.discuss_list_top_right div p {
     height: 100%;
     left: 0px;
     position: absolute;
     top: 0px;
     width: 50%;
}

.discuss_list_top_right font {
     display: block;
     float: left;
     font: 0.18rem/0.4rem "microsoft yahei";
     text-align: center;
     width: 30%;
}

.discuss_list_con {
     color: #8a8a8a;
     font: 0.18rem/0.24rem "microsoft yahei";
     height: auto;
     overflow: hidden;
     padding: 2% 0px;
     width: 100%;
}

.discuss_list_reply {
     background: #eaeaea none repeat scroll 0% 0%;
     color: #877f7f;
     font: 0.18rem/0.26rem "microsoft yahei";
     height: auto;
     overflow: hidden;
     padding: 2%;
     width: 100%;
}

.view-price {
     color: #626262;
     font: 0.2rem/2 "microsoft yahei";
     margin: 0px auto;
     width: 100%;
}

.view-price span {
     color: #ff0000;
     font-size: 0.28rem;
}

.view_btns {
     margin: 2% auto;
     overflow: hidden;
     width: 100%;
}

.view_btns a {
     color: #ffffff;
     display: block;
     float: left;
     font: 0.22rem/1.6 "microsoft yahei";
     padding: 3% 12%;
}

.view_btns a:last-child {
     float: right;
}

.view_collect {
     border-bottom: 1px solid #dadada;
     border-top: 1px solid #dadada;
     margin: 2% auto;
     overflow: hidden;
     width: 100%;
}

.view_collect p {
     border-right: 1px solid #dadada;
     color: #6b6565;
     float: left;
     font: 0.2rem/3 "microsoft yahei";
     text-align: center;
     width: 30%;
}

.view_collect a {
     color: #707070;
     display: block;
     float: left;
     font: 0.2rem/3 "microsoft yahei";
     position: relative;
     text-indent: 0.6em;
     width: 68%;
}

.view_collect a font {
     position: absolute;
     right: 0px;
}

.view_collect a a {
     color: #707070;
}

.wbytable td {
     padding: 3px 1px;
}

.wbytable .wbytext {border: 1px solid #e3e3e3; height: 22px; outline: medium none; padding: 5px; width: 100%; }
.wbytable .wbyarea {border: 1px solid #e3e3e3; height: 75px; outline: medium none; padding: 5px; width: 100%; }
.wbytable .msgbut {border-radius: 6px; border: 1px solid #cccccc; color: #555555; cursor: pointer; height: 32px; line-height: 32px; width: 90px; }
.wbytable .wbytextyz {border: 1px solid #e3e3e3; float: left; height: 22px; outline: medium none; padding: 5px; width: 25%; }
.wbytable .wyzm {display: block; float: left; height: 22px; padding-left: 8px; padding-top: 6px; width: 48px; }


.swiper-wrapper div a img{width:100%;}
.about center img{max-width: 98%;}
.picContent img{max-width: 98%; margin-bottom:10px;}
.picContent iframe{width:98%; height:200px;}

.probt a{color:#999999;}


.nMessage{font-size:14px; line-height:30px; width:80%; margin:0 auto;}
.nMessage .msg{color:#f00;}
.nMessage ul,.nMessage li{list-style:none; list-style-type:none; margin-bottom:10px;}
.nMessage form{margin:0px auto;width:100%;}
.nMessage textarea{padding:5px;width:97%;font-size:13px;}
.nMessage input{width: 180px;border:1px solid #808080;  font-weight: 400;color: #000; height:20px;}
.nMessage input[type="submit"] {background: #0076DF;color: #FFF;border:none;width: 62%;cursor: pointer;outline: none;width:80px;height:24px;}
.nMessage input[type="submit"]:hover{background:#777;transition: 0.5s all;-webkit-transition: 0.5s all;-moz-transition: 0.5s all;-o-transition: 0.5s all;}
.nMessage input[type="reset"] {background: #0076DF;color: #FFF;border:none;width: 62%;cursor: pointer;outline: none;width:80px;height:24px;}
.nMessage input[type="reset"]:hover{background:#777;transition: 0.5s all;-webkit-transition: 0.5s all;-moz-transition: 0.5s all;-o-transition: 0.5s all;}
.nMessage .bnt_ordSubmit {background: #018CCD;color: #FFF;border:none;width: 62%;cursor: pointer;outline: none;width:80px;height:24px;}
.nMessage .bnt_ordunSubmit {background: #666666;color: #FFF;border:none;width: 62%;cursor: pointer;outline: none;width:80px;height:24px;}




/* cart */
@font-face{
    font-family:"member";
    src:
        url(../fonts/member.woff) format('woff'),
        url(../fonts/member.ttf) format('truetype');
}
.member_iconfont{
    font-family:"member" !important;
    font-style:normal;
    -webkit-font-smoothing:antialiased;
    -webkit-text-stroke-width:0.2px;
    -moz-osx-font-smoothing:grayscale;
}
.cart_alert_login{width:87.8125%;margin:4% auto 0;overflow:hidden;font:0.2rem/3 "microsoft yahei";color:#2f2f2f}
.cart_alert_login p{float:left;width:58%;white-space: nowrap}
.cart_alert_right{float:right;overflow:hidden;width:40%;}
.cart_alert_right a{color:#fff;border-radius:3px;float:right;display:block;width:44.4%;margin-left:3%;height:0.4rem;line-height:0.4rem;margin-top:0.1rem;text-align:center;}
.cart-list{width:95%;margin:0 auto;height:auto;overflow:hidden}
.cart-list li{width:100%;height:auto;border-bottom:1px solid #dbdbdb;padding:2% 0;overflow:hidden;position:relative;}
.cart-list-img{display:block;float:left;width:25.89%;margin-left:8.75%;height:auto;overflow:hidden;}
.cart-list-img img{width:100%;}
.cart-list-title{width:44.28%;height:auto;float:left;overflow:hidden;margin:0 2.5% 0 1.6%;}
.cart-list-text{width:100%;font:0.2rem/0.22rem "microsoft yahei";height:0.3rem;overflow:hidden;display:block;margin:0rem 0 0.06rem;float:left;}
#orderPay label{border:2px solid transparent;display:block;}
#orderPay label img{width:100%}

.cart-list-title a{color:#575757}
.cart-list-bat { float:right; width:20.8%;}
.cart-list-numbers{width:54.14%;height:0.32rem;border:1px solid #ccc;overflow:hidden}
.cart-list-numbers span,.cart-list-numbers input{width:32%;display:block;height:0.32rem;border:0;font:0.24rem/0.32rem "microsoft yahei";text-align:center;float:left;-webkit-appearance:none;}
.cart-list-numbers input{border-left:1px solid #ccc;border-right:1px solid #ccc;font-size:1.2em;border-radius:0}
.cart-list-price{float:left;width:21.78%; white-space: nowrap;height:auto;padding-top:2%;font:0.22rem/1 "microsoft yahei";text-align:center;color:#575757; text-align:left;padding-left:1%;}
.cart-list-price2{float:left;width:44.28%;margin:1% 2.5% 0 1.6%;height:auto;padding-top:0%;font:0.22rem/1.2 "microsoft yahei";text-align:left;color:#575757; white-space: nowrap;text-align:left;}

.cart-list-del a{position:absolute;right:0;top:0;width:4.14%;padding:2.5%;z-index:88;overflow:hidden;}
.cart-select{width:8.57%;position:absolute;left:0;top:0;height:100%; }
.cart-select span{display:block;width:10px;height:10px;background:#dbdbdb;border-radius:50%;position:absolute;top:50%;left:50%;margin:-5px;}
.cart-settle{width:89.6875%;margin:5% auto;overflow:hidden;background:#dbdbdb;position:relative;}
.cart-settle p{float:left;font:0.24rem/0.5rem "microsoft yahei";color:#696969;padding-left:3.13%}
.cart-settle p span{font-size:0.24rem}
.cart-settle-btn{position:absolute;right:0;height:100%;top:0;width:27.87%;border-radius:0;text-align:center;font:0.24rem/0.5rem "microsoft yahei";color:#fff;overflow:hidden;border:0;-webkit-appearance:none;}
.cart_top_address{width:87.5%;margin:2% auto;height:auto;overflow:hidden;background:url(../images/address_top.jpg) right bottom no-repeat #e7e7e7;background-size:18.57%;padding:1% 4.64%;position:relative;}
.cart_top_address_text{width:96%;overflow:hidden;display:block;}
.cart_top_address_text span{font:0.22rem/1.4 "microsoft yahei";color:#333;display:block;float:left;margin-right:4%}
.cart_top_address_text span a{color:#575757;}
.cart_top_address_change{position:absolute;font:0.2rem/1.4 "microsoft yahei";color:#fff;right:4.64%;top:6%; background:#c60000;border-radius:3px; padding:0 2%; }
.cart_order_title{width:87.5%;margin:0 auto;border-top:1px solid #e1e1e1;font:0.22rem/2 "microsoft yahei";color:#575757;}
.cart_order_type{width:87.5%;margin:0 auto;overflow:hidden;padding-top:2%;}
.cart_order_type span{display:block;float:left;border:1px solid #d4d4d4;font:0.22rem/2 "microsoft yahei";color:#575757;margin:0 1.42% 2% 0;padding:0 4%}
.cart_type_company{width:87.5%;margin:0 auto;overflow:hidden;display:none}
.cart_type_company li{width:100%;height:auto;overflow:hidden;padding-bottom:3%;}
.cart_type_company li p{float:left;font:0.16rem/0.4rem "microsoft yahei";color:#575757}
.cart_type_company li input{float:left;height:0.4rem;width:70%;border:1px solid #d1d1d1;font:0.16rem/0.4rem "microsoft yahei";background:#ededed;-webkit-appearance:none;border-radius:0;padding:0 2%}
.cart_type_company li select{-webkit-appearance:none;border-radius:0;background:#ededed;border:1px solid #d1d1d1;font:0.16rem/0.4rem "microsoft yahei";padding:0 3%;}
.cart_imgs_number{width:87.5%;margin:2% auto;overflow:hidden;padding:2% 0;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;}
.cart_imgs_list{float:left;width:46.875%;height:auto;overflow:hidden}
.cart_imgs_list li{width:33.3%;float:left;height:auto;overflow:hidden;}
.cart_imgs_list li a{display:block;width:90%;}
.cart_imgs_list li a img{width:100%}
.cart_imgs_more{display:block;width:50%;float:left;text-align:center;font:0.22rem/0.5rem "microsoft yahei";color:#575757}
.cart_imgs_more span{line-height:2;float:left;}
.cart_imgs_more i{float:right;font:0.28rem/0.5rem "microsoft yahei"}
.cart_price{width:87.5%;margin:0 auto;height:auto;overflow:hidden}
.cart_price p{width:100%;height:auto;font:0.18rem/1.4 "microsoft yahei";position:relative;overflow:hidden;color:#c1c1c1;}
.cart_price p span{position: absolute;right:0;top:0}
.cart_margin{margin-left:2%}
/* to_msg */
.to_msg{width:87.5%;margin:2% auto;text-align:center;font:0.22rem/2 "microsoft yahei";color:#fff;display:block;}
.had_msg{width:87.5%;margin:2% auto 4%;height:auto;overflow:hidden}
.had_msg li{width:100%;border-bottom:1px solid #dbdbdb;overflow:hidden;padding:2% 0;}
.had_msg li div{width:100%;font:0.2rem/1.2 "microsoft yahei";color:#575757}
.had_msg li h2{background:#ededed;padding:1% 2.14%;margin:2% auto 0;font:0.2rem/1.2 "microsoft yahei";height:auto;}

/* vip_address */
.vip_address_top{width:87.5%;margin:2% auto;text-align:center;font:0.18rem/2.4 "microsoft yahei";color:#fff;display:block}
.vip_address_list{width:87.5%;margin:2% auto;height:auto;overflow:hidden}
.vip_address_list li{border:1px solid #e0e0e0;padding:2%;overflow:hidden;background:#f2f2f2;margin:0 auto 2%;font:0.2rem/1.5 "microsoft yahei";position:relative;}
.vip_address_btn{width:54%;position:absolute;text-align:right;top:4%;right:0;overflow:hidden}
.vip_address_btn span{display:inline-block;color:#fff;background:#a5a5a5;padding:1% 4%;border-radius:3px;margin-right:2%;}
.vip_address_btn a{color:#fff}
.vip_logout{width:87.5%;margin:2% auto;overflow:hidden;color:#fff;}
.vip_logout a{float:left;font:0.18rem/0.42rem "microsoft yahei";color:#fff;padding-left:4%;}
.vip_backup{float:right;font:0.18rem/0.42rem "microsoft yahei";color:#fff;padding-right:4%;}
.check_p{width:28%;height:0.4rem;font:0.18rem/0.4rem "microsoft yahei";text-align:center;background:#e7e7e7;color:#4b4b4b}
.check_p span.member_iconfont{color:#e7e7e7}
.check_p.common_bg span.member_iconfont,.check_p.common_bg{color:#fff}
/* vip_order */
.order_list{width:94%;margin:2% auto;height:auto;overflow:hidden}
.order_list li{width:95%;height:auto;border:1px solid #e0e0e0;background:#eee;padding:2%;overflow:hidden; margin-bottom:0.16rem;}
.order_img{display:block;width:32.89%;height:auto;overflow:hidden;float:left;margin-right:1.78%;}
.order_img img{width:100%}
.order_right{float:left;width:82%;height:auto;overflow:hidden;padding-bottom:1%}
.order_right_id{width:100%;height:0.67rem;overflow:hidden;font:0.2rem/0.24rem "microsoft yahei";color:#575757}
.order_right_id a{color:#000}
.order_right_price{width:100%;font:0.2rem/0.24rem "microsoft yahei";color:#818181;margin-bottom:3%;margin-top: 3%;}
.wait_pay{font:0.22rem/0.24rem "microsoft yahei";color:#fff;padding:2% 4%;border-radius:3px; float:left; margin-right:3%; }
.wait_shipping{font:0.22rem/0.24rem "microsoft yahei";color:#fff;padding:2% 4%;border-radius:3px;background:#bbb; float:left;margin-right:3%;}
.order_done{font:0.18rem/0.24rem "microsoft yahei";padding:2% 0;color:#339d12}
.top-tl a.member_iconfont{color:#fff;}
.order_date_select{width:92%;margin:3% auto;height:auto;overflow:hidden;}
.order_date_select li{width:100%;font:0.2rem/0.3rem "microsoft yahei";color:#333;padding:0 2%;margin:2% auto;}
.order_date_select li a{color:#fff;display:block;width:100%;}
.Wait { color:#666666}
.Send_out { color:#339966}
.Success { color:#FF6600}
/* vip */
.vip_welcome{width:87.5%;margin:3% auto;height:auto;overflow:hidden;padding:4% 0;text-align:center;font:0.22rem/1 "microsoft yahei";color:#fff;}
.vip_welcome span{font-size:0.4rem}
.vip_top_links{width:87.5%;margin:2% auto;overflow:hidden;border:1px solid #e0e0e0;}
.vip_top_links a{width:32%;float:left;border-right:1px solid #dfdfdf;overflow:hidden;display:block;text-align:center;padding:3% 0}
.vip_top_links a:last-child{border:0}
.vip_top_links a font{font:0.2rem/1.4 "microsoft yahei";color:#949494;}
.vip_top_links a span{display:block;font:0.2rem/1.4 "microsoft yahei";color:#949494;text-align:center;}
.vip_btns{width:87.5%;margin:2% auto 10% auto;height:auto;overflow:hidden}
.vip_btns a{display:block;width:25%;height:auto;float:left;overflow:hidden}
.vip_btns a span{display:block;width:73.57%;margin:0 auto;font:0.38rem/1 "microsoft yahei";text-align:center;color:#fff;border-radius:50%;padding:20% 0}
.vip_btns a i{display:block;width:100%;text-align:center;font:0.18rem/2 "microsoft yahei";color:#9e9e9e;overflow:hidden}
/* order_view_top */
.order_view_top{width:87.5%;margin:2% auto;border-top:1px solid #dad9d9;font:0.22rem/2.4 "microsoft yahei";color:#333;}
.order_view_btn{width:87.5%;margin:2% auto;height:auto;overflow:hidden;text-align:right;}
.order_view_btn a{color:#fff;border-radius:0.04rem;padding:2% 6%;margin-left:4%;display:inline-block;font-size:0.18rem}
.order_view_width{width:78%;margin:0 auto;}
.cart_border_none{border:0}
.order_view_price{border-top:1px solid #dad9d9;padding-top:2%}
.order_view_price p{color:#626262}
.order_view_price p span.order_view_red{color:#ff5958}
.order_view_price p select{width:50%;-webkit-appearance:none}
.order_view_pf_bg{position:fixed;width:100%;height:100%;z-index:999;top:0;left:0;background:rgba(0,0,0,.74);display:none}
.order_view_pf{width:87.5%;height:3.5rem;position:fixed;top:50%;left:6.25%;background:#fff;z-index:999;margin-top:-1.75rem;}
.order_view_pf_title{width:100%;height:0.4rem;color:#fff;position:relative;text-align:center;}
.order_view_pf_title p{width:10%;position:absolute;right:0;top:0;text-align:center;font:0.3rem/0.4rem "microsoft yahei";color:#fff;}
.order_view_pf_name{width:77.5%;margin:0 auto;font:0.18rem/0.4rem "microsoft yahei";color:#474747;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;}
.order_view_pf textarea{width:77.5%;margin:2% auto;display:block;font:0.18rem/0.2rem "microsoft yahei";color:#474747;resize: none;height:1.35rem;border:1px solid #b8b8b8;-webkit-appearance:none;border-radius:0}
.order_view_pf_btn{border:0;width:77.5%;margin:0 auto;display:block;font:0.18rem/0.4rem "microsoft yahei";color:#fff;text-align:center;border-radius:4px;-webkit-appearance:none}

/* banner */
.big-pic{width:100%;position:relative;z-index:2;margin:0 auto}
.big-pic-in{position:relative;width:100%;height:auto;overflow:hidden;margin:0 auto;}
.pic-list{position:relative;height:auto;-webkit-transform:translate3d(0,0,0); z-index:0;}
.pic-list img{float:left;height:auto; width:100%;display:block;}
.big-pic2 .pic-list{width:200%;}
.big-pic2 .pic-list img{width:50%;}
.big-pic3 .pic-list{width:300%;}
.big-pic3 .pic-list img{width:33.333334%;}
.big-pic4 .pic-list{width:400%;}
.big-pic4 .pic-list img{width:25%;}
.big-pic5 .pic-list{width:500%;}
.big-pic5 .pic-list img{width:20%;}
.big-pic6 .pic-list{width:600%;}
.big-pic6 .pic-list img{width:16.67%;}
.big-pic7 .pic-list{width:700%;}
.big-pic7 .pic-list img{width:14.26%;}
.big-pic8 .pic-list{width:800%;}
.big-pic8 .pic-list img{width:12.5%;}
.big-pic9 .pic-list{width:900%;}
.big-pic9 .pic-list img{width:11.1%;}
.big-pic10 .pic-list{width:1000%;}
.big-pic10 .pic-list img{width:10%;}
.slide-dot{width:100%;text-align:center;height:16px;padding-top:4px;overflow:hidden;position:absolute;bottom:5px;display:none}
.slide-dot span{display:inline-block;width:8px;height:8px;border-radius:8px;vertical-align:top; z-index:10;margin:0 7px;background:#fff}
.slide-dot span.slide-dot-cur{z-index:10;vertical-align:top;background:#6b1b55}
.transition {-moz-transition: -moz-transform 0.3s ease-out; -webkit-transition: -webkit-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out;}
/* common style */
.common_bg,.cart-select.on span,.afPopup > header,.afPopup .button,.vip_address_btn span.common_bg{background-color:red;}
.common_color,.view_collect p.collected,.login li a{color:red;}
.common_border,.cart_order_type span.on,#orderPay label:active{border-color:red}

/* msg & reg */
.msg_pin{width:100%;float:left;height:0.52rem; font-size:0.3rem; line-height:0.52rem;text-align:center;margin-left:0%;border-radius:6px; color:#fff; background:#f14400;}
.msg_input{display:block;border:1px solid #d9d9d9;background:#fff;width:94%;float:left;height:0.52rem;font:0.2rem/0.42rem "microsoft yahei";text-indent:0.1rem;-webkit-appearance:none;border-radius:6px;}
.msg_textarea{display:block;border:1px solid #d9d9d9;background:#fff;width:94%;float:left;height:1.42rem;font:0.2rem/0.42rem "microsoft yahei";text-indent:0.1rem;-webkit-appearance:none;border-radius:6px;resize: none}
.msg_input2{display:block;border:1px solid #d9d9d9;background:#fff;width:50%;float:left;height:0.42rem;font:0.2rem/0.42rem "microsoft yahei";text-indent:0.1rem;-webkit-appearance:none;border-radius:6px;}
.redmc { font-weight:bold;font:0.28rem/0.62rem "microsoft yahei"; }
.msg_pin-value {width:80%;float:left;height:0.52rem; font-size:0.3rem; line-height:0.52rem;text-align:center;margin-left:0%;border-radius:6px; color:#fff; background:#f14400; margin-left:10%; border:0;background:#f14400;}

}